如何在 Google Chrome 中将 CSS 规则仅应用于 Div？

将 CSS 规则应用于 Chrome 独有的元素

要仅在 Google Chrome 中将特定 CSS 规则应用于指定的 div，请考虑以下策略:

CSS 解决方案（来源： jeffclayton.wordpress.com/2015/08/10/1279/)

• Chrome、Safari、Microsoft Edge 和 Firefox：

  @media screen and (-webkit-min-device-pixel-ratio:0) {
  div{top:10;} 
  }

• Chrome 29 :

  @media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    div{top:0;} 
  }

• Chrome 22-28:

  @media screen and(-webkit-min-device-pixel-ratio:0) {
  .selector {-chrome-:only(; 
     property:value;
  );} 
  }

JavaScript 解决方案
或者，您可以使用 JavaScript 来修改div：

if (navigator.appVersion.indexOf("Chrome/") != -1) {
// modify button 
}

以上是如何在 Google Chrome 中将 CSS 规则仅应用于 Div？的详细内容。更多信息请关注PHP中文网其他相关文章！