css - 如何在 chrome 浏览器中删除默认的蓝色下拉颜色

Question

当我们点击下拉菜单时，蓝色变为悬停状态，悬停时我想要红色，但它在 Chrome 浏览器中不起作用。我使用的 CSS 类在这里:

option:checked {
    box-shadow: 0 0 10px 100px #d4003c inset !important;
    background-color:red;
}

它适用于 Chrome 和 IE 11，但不适用于 Chrome。请建议更改下拉菜单默认颜色的类。

Answer 1

您需要使用以下 CSS 属性:

outline-color: red;