当前位置: 动力学知识库 > 问答 > 编程问答 >

html - Carousel buttons not rendering properly on iPhone safari browser

问题描述:

I have created carousel arrows using font-icons and they are appearing as required on Firefox and Chrome on my system even I have checked it on my android and they are showing the same result as red color arrows generated by the font-icons.

But when someone is looking at the website on iPhone in the safari browser it is not showing these buttons properly, instead it is showing blue background and white color arrow on it.

I am using font-icons for generating these arrows in my code and I have thoroughly checked my CSS several times but no luck.

Here is my CSS for these buttons:

body.home .et-pb-arrow-next::before, body.home .et-pb-arrow-prev::before {

color: #ff0000 !important;

display: block !important;

margin-top: -35px !important;

}

body.home #main-content .et-pb-arrow-prev::before {

content: "\25C0" !important;

font-size: 40px !important;

}

body.home #main-content .et-pb-arrow-next::before {

content: "\25b6" !important;

font-size: 40px !important;

}

分享给朋友:
您可能感兴趣的文章:
随机阅读: