如何爲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 
}