如何停止用户代理样式表覆盖我的颜色样式以获得更长的下拉列表？

Question

Chrome使用用户代理样式表值覆盖超过50个项目的精选列表的css颜色：

select option { background-color: #343434; color: #ccc; }
<select id="Period">
<option value="2018-04-01">2018-Apr</option>
<option value="2018-05-01">2018-May</option>
<option value="2018-06-01">2018-Jun</option>
<option value="2018-07-01">2018-Jul</option>
<option value="2018-08-01">2018-Aug</option>
....
</select>

https://jsfiddle.net/eg5Lomku/

在上面的小提琴中，css仅应用于包含49个项目的第一个列表。

我尝试根据其他S / O问题改变DOCType无效，并通过jquery设置css，但这也没有用。

任何帮助都非常感激。

Answer 1

啊，我正在使用的Chrome Canary开发者版本（45.0.2422.0 canary（64位））似乎存在问题。

感谢所有人。