如何给css只Safari浏览器不是铬
答
使用此。它只能在Safari中使用。
/* Css for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
::i-block-chrome, .yourClassName {
background:#f00;
}
}
+0
我也试试这个,但没有解决我的问题。实际上我给我的风格在scss。 –
答
CSS选择器/属性/值黑客是恕我直言问题,因为
- 预处理程序像SASS可能不与他们合作
- 浏览器或它们适用于浏览器的版本,如有变更,
因此 - 如果您确实需要使用特定于浏览器的CSS - 我建议您使用JavaScript将某个类设置为或标记,然后由CSS Sele使用只能在这些所需的浏览器中设计风格。
JS:
if(doSomeUserAgentLogic()) {
document.body.classList.add("is-safari")
}
CSS:
body.is-safari .custom-selector {
property: value;
}
检测浏览器和某些版本使用JavaScript中的userAgent不是那么容易,所以你应该使用类似https://github.com/DamonOehlman/detect-browser,但至少这种检测方式“非常”稳定。
可能重复的[是否有一个Safari浏览器的CSS黑客只有不铬?](https://*.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-铬) – Gezzasa