旋转木马按钮无法在iPhone Safari浏览器上正确呈现

时间:2015-09-21 18:45:01

标签: html ios css carousel

我使用font-icons创建了旋转木马箭头,他们在我的系统上按照Firefox和Chrome的要求出现,即使我已经在我的android上检查了它们,它们显示的结果与font-icons生成的红色箭头相同

但是当有人在Safari浏览器中查看iPhone上的网站时,它没有正确显示这些按钮,而是显示蓝色背景和白色箭头。

我正在使用font-icons在我的代码中生成这些箭头,并且我已经多次彻底检查了我的CSS但没有运气。

这是我的这些按钮的CSS:

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;
}

0 个答案:

没有答案