如何移除Select组件中Option获焦时的背景色？

针对你遇到的Brave v1.77.97里，带size属性的<select>选中选项时出现默认聚焦背景色的问题，只需添加Chromium内核的私有伪类选择器覆盖浏览器默认样式即可，修改后的完整CSS如下：

select {
    color: gray;
}

/* 设置选中选项的前景色为蓝色 */
select option:checked {
    color: blue;
}

/* 覆盖Chromium系浏览器的选中选项默认背景高亮 */
select::-webkit-list-box-option:checked {
    background-color: transparent;
}

/* 移除选项聚焦时的默认轮廓 */
select option:focus {
    outline: none;
}

原理说明：Brave基于Chromium内核，对于设置了size属性的列表式下拉框，浏览器会用::-webkit-list-box-option这个私有伪类控制列表项的选中样式，普通的option:checked无法完全覆盖浏览器自带的背景高亮，所以需要通过这个私有选择器强制将背景设为透明，从而只保留前景色在灰色（未选中）和蓝色（选中）之间切换的效果。

内容的提问来源于stack exchange，提问作者Mark