css - 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 or class name{ }