如何給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，但至少這種檢測方式「非常」穩定。