В приведенном ниже примере я пытаюсь изменить раскрывающийся список на выделение синего цвета фона '# 3390FF' при нажатии клавиши TAB в Chrome, как в IE. Далее синий цвет фона должен быть сохранен для одной опции при нажатии стрелки вверх и вниз. Цвет текста #FFFFFF требуется и для текста.
Есть ли способ изменить цвет фона меню выбора на '# 3390FF' при нажатии клавиши TAB в Chrome, просто используя CSS ?
<!DOCTYPE html>
<html>
<head>
<style>
select:focus-within{
background-color: #3390FF;
color:#FFFFFF;
}
</style>
</head>
<body>
<h1>The option selected attribute</h1>
<label for="cars1">Choose a car:</label>
<select id="cars1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi" selected>Audi</option>
</select>
<select id="cars2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi" selected>Audi</option>
</select>
</body>
</html>
