是否可以添加一个css块,我只想在Safari中显示而没有其他浏览器?仅将CSS应用于Safari?
5
A
回答
13
下面是这将您的网站的字体颜色设置为绿色,如果你的浏览器是Safari或Chrome浏览器(两者份额的例子常见的Webkit渲染引擎)。
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
color:green; /* on Safari and Chrome */
}
}
这是从另一篇文章here
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
使用此拍摄。它只能在Safari中使用。
/* Only for Safari */
::i-block-chrome, .yourClassName {
border:1px solid #f00;
}
相关问题
- 1. 仅将CSS应用于文本内容
- 2. CSS仅用于
- 3. React CSS - 如何仅将CSS应用于特定页面
- 4. 仅限CSS目标Safari 8
- 5. css a:hover不适用于Safari
- 6. 用于Safari和Apple的CSS
- 7. 仅用于Safari/Windows *中的CSS *,可能与溢出有关
- 8. 仅在div中应用CSS边距仅用于文本
- 9. SMF Simple Machine Forum - 仅将CSS样式应用于主页
- 10. 仅将CSS应用于特定的cshtml块
- 11. 不能仅将css规则应用于父元素
- 12. 如何仅将css应用于顶层元素
- 13. 如何将CSS仅应用于jQuery中的数字?
- 14. 如何将CSS样式仅应用于文本
- 15. 如何将CSS样式应用于仅两个类
- 16. 将CSS仅应用于非折叠菜单
- 17. 将CSS效果仅应用于div的前10 标签
- 18. 将CSS应用于“主题选项”页面仅在Wordpress中
- 19. 如何将css标签仅应用于指定的类
- 20. 如何将CSS转换仅应用于转换属性
- 21. 如何仅将CSS应用于第一个子div元素?
- 22. CSS选择器仅将样式应用于父链接
- 23. 仅将CSS应用到一页上
- 24. 将:: selection css应用于div
- 25. 使用jQuery将内容附加到DOM(仅适用于Safari iOS)
- 26. 仅限于Chrome和Safari浏览器的CSS保证金问题
- 27. CSS被应用于所有元素,而不仅仅是类
- 28. 仅适用于Chrome的CSS?
- 29. 仅针对Safari不Chrome的CSS破解?
- 30. 如何将iOS功能仅用于Safari浏览器<6.0 iOS
检查这个http://stackoverflow.com/questions/2052218/is-there-any-equivalent-to-ie-conditional-comment-for-chrome-and-safari – patrick 2010-10-29 17:11:51