僅將CSS應用於Safari？

是否可以添加一個css塊，我只想在Safari中顯示而沒有其他瀏覽器？僅將CSS應用於Safari？

檢查這個http://stackoverflow.com/questions/2052218/is-there-any-equivalent-to-ie-conditional-comment-for-chrome-and-safari – patrick 2010-10-29 17:11:51

下面是這將您的網站的字體顏色設置爲綠色，如果你的瀏覽器是Safari或Chrome瀏覽器（兩者份額的例子常見的Webkit渲染引擎）。

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body { 
     color:green; /* on Safari and Chrome */ 
    } 
}

這是從另一篇文章here

2010-10-29 17:09:26

我假設你的意思是Chrome，而不是Opera。 Chrome使用WebKit引擎，Opera使用自己的引擎（稱爲Presto）。 – jhurshman 2010-10-29 17:14:07

@jhurshman，是的，我做了，謝謝（週五晚了:-)） – 2010-10-29 17:16:17

@jhursh它的目標歌劇9.2太 – Knu 2011-06-09 23:49:55

使用UserAgent字符串，您可以檢查Safari和！Chrome。兩者都使用WebKit渲染器，並且都在UA字符串中包含Safari，但Chrome也具有「Chrome」。說實話，我只是檢查Webkit和代碼，因爲誰知道其他WebKit瀏覽器放入他們的UA字符串。

Safari瀏覽器：

Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-HK) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5

鉻：

Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/540.0 (KHTML, like Gecko) Ubuntu/10.10 Chrome/8.1.0.0 Safari/540.0

2010-10-29 16:38:06

用戶代理字符串可能會被欺騙非常簡單地。這不是一個可靠的方法。 – stevelove 2010-10-29 17:12:00

我不是說它是最好的方法，但是找到SAFARI ONLY幾乎不可能，所以你把你能得到的。 – 2010-10-29 17:20:36

css使用useragent來檢查哪個瀏覽器？ – Ascherer 2010-10-29 17:51:25

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

/* Only for Safari */ 
::i-block-chrome, .yourClassName { 
    border:1px solid #f00; 
}

2017-09-05 07:31:21 Sheo

回答