仅为Safari应用CSS？

Question

是否可以添加一个我只想在Safari中显示的css块，而不是其他浏览器？

Answer 1

以下是一个示例，如果您的浏览器是Safari或Chrome（两者都共享通用Webkit呈现引擎），则会将您网站的字体颜色设置为绿色。

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

这取自另一篇帖子here

Answer 2

使用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

Chrome：

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

Answer 3

使用它。它只适用于Safari。

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