2010-10-29 58 views
5

是否可以添加一个css块,我只想在Safari中显示而没有其他浏览器?仅将CSS应用于Safari?

+0

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

回答

13

下面是这将您的网站的字体颜色设置为绿色,如果你的浏览器是Safari或Chrome浏览器(两者份额的例子常见的Webkit渲染引擎)。

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

这是从另一篇文章here

+2

我假设你的意思是Chrome,而不是Opera。 Chrome使用WebKit引擎,Opera使用自己的引擎(称为Presto)。 – jhurshman 2010-10-29 17:14:07

+1

@jhurshman,是的,我做了,谢谢(周五晚了:-)) – 2010-10-29 17:16:17

+0

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

0

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

+0

用户代理字符串可能会被欺骗非常简单地。这不是一个可靠的方法。 – stevelove 2010-10-29 17:12:00

+0

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

+0

css使用useragent来检查哪个浏览器? – Ascherer 2010-10-29 17:51:25

0

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

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