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

试试这个网站：qazxsw poi

http://www.browserhacks.com/#sa应该工作..

因此，对于第一条规则，请尝试以下操作。

html[xmlns*=""]:root .selector  {}

Answer 2

它仅在Safari浏览器上完美运行

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