javascript - 如何更改选择多个下拉菜单的默认背景

Question

当加载页面时，它是选项列表中的默认颜色(在 chrome 中它是#c8c8c8，faerfoks 是蓝色)。如何改变它/使其透明？我尝试了伪类和 js 的不同组合 - 都是徒劳的。当您单击一个选项时，它会起作用。 For examle :

<select multiple>
   <option selected>1111111</option>
   <option selected>222222222</option>
   <option selected>33333333</option>
   <option selected>44444444</option>
</select>

我无法访问正在形成此列表的服务器部分。

Answer 1

您正在加载包含四个选定元素的页面，只需删除您不希望页面以灰色加载的元素上的 selected 属性即可。

select option {
  background-color: red;
}

select option[selected] {
  background-color: blue;
}

<select multiple>
    <option>1111111</option>
    <option>222222222</option>
    <option selected>33333333</option>
    <option>44444444</option>
</select>