safari only css hack,css hack将Safari和Chrome同时作为目标单独使用

我设法找到一种方法，分别针对： 仅Firefox IE9只 IE8仅 IE7仅

但是......我看不到单独针对Chrome和Safari。我发现了几种适用于Chrome和Safari的技术。一些技术应该瞄准一个或另一个...但是它们相互搭讪，因此最后一个适用于两者。

我已经设置了一个JS小提琴来展示各种技术，并显示浏览器的匹配颜色。任何人都可以帮我找到针对SEPARATELY Safari和Chrome的秘诀吗？

这里是CSS：

#tester {

font-weight:bold;

padding:10px;

margin:5px;

color: #FFF;

border:#00F solid 4px\9; /* IE8 and below */

*border:#FF0 solid 4px; /* IE7 and below */

-bracket-:hack(;

border:#0FF solid 4px; /* Chrome only*/

);

}

:root #tester{

border:#0F0 solid 4px \0/IE\9; /* IE9 +IE10pp4 */

}

@-moz-document url-prefix() { #tester { border:#F00 solid 4px; /* Firefox only*/ } }

@media all and (-webkit-min-device-pixel-ratio: 0) { #tester { border: #F0F solid 4px; /* Safari */ } }

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

#tester {

border: #F90 solid 4px;

}

}

下面是HTML：

Browser match

任何帮助将不胜感激！ :)

2013-03-01

lbriquet