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


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)
FireFox对此有很长一段时间的问题(请参见bug https://bugzilla.mozilla.org/show_bug.cgi?id=910022)。
- 当Mozilla(通过Electrolysis或e10s项目)向Firefox引入专用的内容线程时,对样式
<option>元素的支持被暂时删除。从Firefox 54开始,您可以<option>使用color和background-colorCSS属性将前景色和背景色再次应用于元素。有关更多信息,请参见错误910022。请注意,由于缺乏对比,在Linux中仍然禁用此功能(有关此操作的进展,请参见错误1338283)
所以目前只color和background-color可定制。
| 归档时间: |
|
| 查看次数: |
1484 次 |
| 最近记录: |