如何添加特定于 Google Chrome 的 CSS？ [复制]答案

【问题标题】：How to add a CSS specifc for Google Chrome? [duplicate]如何添加特定于 Google Chrome 的 CSS？ [复制]
【发布时间】：2014-10-29 11:20:27
【问题描述】：

我需要添加一个仅适用于 google chrome 而不适用于 firefox 的 css 代码。

问题：我想在一个 .div-special 类的 div 上放置一个底部边框

 .div-special{
      border-bottom: 1px solid #c8c8c8;
 }

输出：边框底部应该只适用于google chrome浏览器，不适用于firefox。

请帮帮我。

【问题讨论】：

【解决方案1】：

你可以试试这个

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .class{color:red;}
}

/* Safari only override */
::i-block-chrome,.class {
 color:blue;
}}

或

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .class {
       color:red;
    }
}

使用用户代理的 JQuery

if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
    $('.container').hide();
}

【讨论】：

【解决方案2】：

@media screen and (-webkit-min-device-pixel-ratio:0) {
   // your CSS here
}

【讨论】：

【解决方案3】：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .div-special{
      border-bottom: 1px solid #c8c8c8;
 }
}

【讨论】：