预选选项在页面加载时突出显示为灰色，希望它是蓝色

Question

例如，当您使用此代码转到下面的页面时，在加载选项时，一个选项被选中并且背景颜色为灰色。当我点击它时，它变成蓝色。我怎么能在页面加载时让它变成蓝色，而不是灰色。

<select class="select" multiple="multiple" id="select_id">
<option selected>option one</option>
<option>option 2</option>
<option>option 3</option>
</select>

Answer 1

您可以像这样覆盖所选值的背景颜色：

select option:checked{ 
  background: lightgreen -webkit-linear-gradient(bottom, lightgreen 0%, lightgreen 100%);
}

<select class="select" multiple="multiple" id="select_id">
    <option selected>option one</option>
    <option>option 2</option>
    <option>option 3</option>
  </select>

预选选项在页面加载时突出显示为灰色，希望它是蓝色

Pre selected option highlighted grey on page load, want it to be blue

css

background-color

select-options