如何给css只Safari浏览器不是铬

Question

我的safari浏览器版本是5.0。和我的问题是如何给safari浏览器的css而不是chrome浏览器。

请帮助我。谢谢

Answer 1

使用此。它只能在Safari中使用。

/* Css for Safari */ 
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    ::i-block-chrome, .yourClassName { 
     background:#f00; 
    } 
} 

Answer 2

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，但至少这种检测方式“非常”稳定。