如何为Google Chrome添加CSS规范？

Question

我需要添加一个只适用于谷歌浏览器但不适用于Firefox的CSS代码。

问题：我想提出一个底部边框到一个div一类.div特的

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

输出：边框底部应只适用于谷歌Chrome浏览但不到Firefox。

请帮帮我。

Answer 1

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

Answer 2

可以使用试试这个

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

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

OR

@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(); 
} 

Answer 3

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