css - 未知的 css 更改边框的颜色

Question

打开选择复选框后，选择复选框会自动更改边框的颜色。

我在开发工具上找不到任何类更改选择复选框颜色，如何解决这个问题？

演示

标签： css

Answer 1

当更新选择元素设置为:focus。您可以通过 css 更改焦点状态的样式：

.select:focus {
  outline: 2px solid green;
}

<select class="select" name="" id="">
  <option value="1">1</option>
  <option value="1">2</option>
  <option value="1">3</option>
</select>

<select name="" id="">
  <option value="1">1</option>
  <option value="1">2</option>
  <option value="1">3</option>
</select>