Скрытие/отображение CSS в разных браузерах

Question

В раскрывающихся списках firefox и internet explorer (выберите список) в HTML5 в качестве параметров, а также интерактивной вкладке, чтобы инициировать выпадающее меню.

На хром эта же команда не имеет видимого отображения, и, когда выпадающий список инициируется при нажатии, я хотел бы, чтобы был способ показать, что опция отображения не является единственным вариантом (без упоминания «это выпадающий список ").

Как я развивался в хроме, я продолжал и добавлял это в свой css с окружающим выбором.

dropdownlabel{ 
    position: relative; 
} 
dropdownlabel:after { 
    content: '>'; 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(90deg); 
    right: 8px; top: 0px; 
    font-size: 15px; 
    position: absolute; 
    pointer-events: none; 
} 

dropdownlabel:before { 
    content: ''; 
    right: 6px; top:0px; 
    width: 20px; height:20px; 
    position: absolute; 
    pointer-events: none; 
    display: block; 
} 

Проблема в том, теперь есть индикатор выпадающий и ниспадающая указывая «>» на интернет-проводник и светлячок. Как я буду скрывать этот CSS на Firefox и Internet Explorer?

В качестве альтернативы, как я могу только показывать это на Chrome, если это лучший способ сделать это?

Я слышал о медиа-запросах и что можно показывать только CSS для определенных браузеров, но я ничего не могу найти о скрытии CSS для Firefox или Internet Explorer.

Answer 1

Интересное решение, которое может сработать для вас, хотя и нестандартным способом, было бы использовать медиа-запросы.

В частности, вызывают медиа-запрос, который предназначен только для веб-браузеров (таким образом, исключая IE и FF).

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* YOUR CSS */ 

}