新的FireFox 57 Quantum不支持我的CSS下拉列表选择列表样式(仅默认<select>
值。在所有其他浏览器中,它可以正常工作。如何处理这个新版本的FF浏览器在我的所有选择的<option>
s使用我的CSS样式? 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";
}
&#13;
<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>
&#13;
答案 0 :(得分:4)
FireFox长期存在此问题(请参阅错误https://bugzilla.mozilla.org/show_bug.cgi?id=910022 )。
中提到的当前状态
- 当Mozilla向Firefox引入专用内容线程时(通过Electrolysis或e10s,项目),暂时删除了对样式
醇><option>
元素的支持。从Firefox 54开始,您可以使用<option>
和color
CSS属性再次将前景色和背景色应用于background-color
元素。有关更多信息,请参阅错误910022。请注意,由于缺乏对比,在Linux中仍然禁用此功能(请参阅错误1338283以获取进展)
因此目前只能自定义color
和background-color
。