为什么Firefox 57不像其他浏览器那样设置<option>元素的样式?

2 css firefox css3

新的FireFox 57 Quantum不遵循我的CSS下拉选择列表样式(仅遵循默认<select>值)。在所有其他浏览器中,它都可以正常工作。从我所有选择的CSS样式使用CSS样式方面,如何处理这个新版本的FF浏览器<option>?Chrome会正确显示选项。

分别显示其在FF57和Chrome中的外观的图像:

FF57

铬

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"], option, select, textarea {
font-size:20px;
font-weight: 700;
font-family: "times new roman";
}
Run Code Online (Sandbox Code Playgroud)
<select id="Ultra">
     <option value="0">My first value looks good</option>
     <option value="8">text1 blalalabababalallaala</option>
     <option value="5">text2 oeleoeleleoeleloelele</option>
     <option value="77">text3 wwowowowoowoww</option>
</select>
Run Code Online (Sandbox Code Playgroud)

Gab*_*oli 5

FireFox对此有很长一段时间的问题(请参见bug https://bugzilla.mozilla.org/show_bug.cgi?id=910022)。

MDN中提到的当前状态<option>

  1. 当Mozilla(通过Electrolysis或e10s项目)向Firefox引入专用的内容线程时,对样式<option>元素的支持被暂时删除。从Firefox 54开始,您可以<option>使用colorbackground-colorCSS属性将前景色和背景色再次应用于元素。有关更多信息,请参见错误910022。请注意,由于缺乏对比,在Linux中仍然禁用此功能(有关此操作的进展,请参见错误1338283)

所以目前只colorbackground-color可定制。