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

2019年7月21日 288次阅读

我在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,一切看起来都很好.

我附上了截图.请看一看.
《jquery – Chrome浏览器中的html下拉选项背景颜色问题》

预期结果应如下图所示,这是Firefox的结果
《jquery – Chrome浏览器中的html下拉选项背景颜色问题》

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

请帮忙.

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

https://code.google.com/p/chromium/issues/detail?id=513339

点赞