Есть ли способ выбрать открытую поле выбора в css?

Question

Я установил фоновое изображение (стрелка вниз) в поле выбора после установки атрибута внешнего вида webkit на none. Когда список опций открывается, я хочу отобразить другое фоновое изображение (стрелка вверх). Есть ли псевдо-класс или что-то в этом роде? Я не мог найти ничего во время моего повторного поиска ...

Answer 1

Невозможно определить, открыт ли элемент HTML select с использованием CSS или даже javascript.

Если вы хотите настроить символ стрелки для индивидуального раскрывающегося списка, лучшим вариантом является использование настраиваемого компонента раскрывающегося списка, который отображает скрытый элемент select.

Answer 2

вы можете использовать класс псевдонимов :focus.

Но это будет указывать на «открытое» состояние, также когда выбрано значение <select> через вкладку или элемент. Чтобы обойти это, вы можете использовать что-то вроде select:hover:focus, но это довольно уродливо и не является прочным решением.

select:focus 
 
{ 
 
    background-color: blue; 
 
    color: white; 
 
}

<select> 
 
    <option>Click me</option> 
 
    <option>A</option> 
 
    <option>B</option> 
 
    <option>C</option> 
 
</select>