css - 像在 IE 中一样在 Chrome 中按 TAB 键时将选择背景颜色更改为蓝色

问题描述

在下面的示例中，当在 IE 中按下 Chrome 中的 TAB 键时，我试图将下拉菜单更改为选择蓝色背景色“#3390FF”。此外，当按下向上和向下箭头时，应为一个选项保持蓝色背景色。文本也需要文本颜色#FFFFFF。

仅使用 CSS 在 Chrome 中按 TAB 键时，有没有办法将选择菜单的背景颜色更改为“#3390FF”？

<!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>

标签： css

css - 像在 IE 中一样在 Chrome 中按 TAB 键时将选择背景颜色更改为蓝色

问题描述

解决方案

推荐阅读