Как добавить CSS для Google Chrome?

Question

Мне нужно добавить код css, который применим только к Google Chrome, но не к firefox.

Проблема: Я хочу положить границы дна в DIV с классом .div-специального

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

Выход: Граница дна должна применяться только для Google 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; 
}} 

ИЛИ

@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 
}