Chrome浏览器中的html下拉选项背景颜色问题

Question

我在MVC4中有基于Web的应用程序，其中包含302条记录的下拉列表。 在下拉项目选择中，我将颜色设置为灰色。 但是Grey的颜色也会在整个Dropdown中传播，包括选项标签。

这是我的css课程

select
{
    width: 100px;
    background-color: #717171;
    color: #fff;
}
.toolbar select > option
{
    background-color: #fff !important;
    color: #000;
}

.toolbarDropdownSelected
{
    background-color: #8B5052 !important;
}

直到300记录Chrome浏览器中的所有内容都很好看，但如果记录超过300，那么灰色会在整个Dropdown中传播，包括Chrome浏览器中的选项。

在Firefox浏览器中，如果记录超过300，一切看起来都很好。

我附上截图。请看一看。

预期结果应如下图所示，这是Firefox的结果

请在Chrome浏览器中查看此链接。我有44.0.2403.107米的Chrome浏览器版https://jsfiddle.net/gk30zj0k/

请帮忙。

Answer 1

谷歌Chrome开发人员认为没有人会在选择下拉列表中放置超过300个项目，因此为了提高性能，如果超出它，他们会关闭CSS样式。经过多次骚动后，他们将在v45中删除该限制。 https://code.google.com/p/chromium/issues/detail?id=513339

Answer 2

这对我来说也适用于Chrome，试试这个

select, select:hover {
  background-color: #717171;
  color: #fff;
}

option {
  color: #000;
  background-color: white;
}