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

【问题标题】：Pre selected option highlighted grey on page load, want it to be blue预选选项在页面加载时突出显示为灰色，希望它为蓝色
【发布时间】：2021-07-11 20:28:53
【问题描述】：

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

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

【问题讨论】：

向选项添加内联样式，例如不能解决问题

标签： css background-color select-options

【解决方案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>

【讨论】：

虽然很奇怪，它在我的本地代码上工作，但是当我将它推到开发和测试版时它不起作用？但这很有帮助，我会弄清楚的。
@Dylano236 尝试刷新浏览器缓存
@Dylano236 google.com/amp/s/www.howtogeek.com/672607/…
是的，这不是缓存问题。缓存被清除。这是一些服务器或浏览器问题。烦人！
最终在 dev 和 beta 中的主 js 文件中出现了与 prod 和 local 不同的差异。想通了。