Safari特定的CSS

Question

如何只编写特定于Safari的样式而不影响任何其他浏览器样式？

我已经尝试了但它在safari中没有用。我正在使用Safari 5 +。

@media not all and (-webkit-min-device-pixel-ratio:0) {
  .btn-group > .btn + .btn {

      margin-left: -8px;
  }  
  .btn-group:hover a {
      z-index:1;
  }
  .btn-group:hover button{
      z-index:10;
  }
  .input-append input{
      z-index:1;
  }
  .input-append  a{
      z-index:10;
  }

}

Answer 1

试试这个网站： http://www.browserhacks.com/#sa

html[xmlns*=""]:root .selector {}应该有用..

所以，对于第一条规则，请尝试以下。

html[xmlns*=""]:root .btn-group > .btn + .btn {
  margin-left: -8px;
}  

Answer 2

仅在Safari浏览器上完美运行

仅适用于Safari :: i-block-chrome，＃your id或类名{ }