html设计下拉列表的背景,jquery – Chrome浏览器中的html下拉选项背景颜色问题

我在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,那么灰色颜色会在整个下拉菜单中传播,包括Chrome浏览器中的选项.

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

我附上了截图.请看一看.

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

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

请帮忙.

最佳答案 谷歌浏览器开发人员认为没有人会在选择下拉列表中放置超过300个项目,因此为了提高性能,如果超出它,他们会关闭CSS样式.经过多次骚动后,他们将在v45中删除该限制.