我使用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;
}