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

时间:2017-11-20 21:08:51

标签: css css3 firefox

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

分别在FF57和Chrome中的外观图片:

FF57

Chrome

&#13;
&#13;
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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:4)

FireFox长期存在此问题(请参阅错误https://bugzilla.mozilla.org/show_bug.cgi?id=910022 )。

MDN <option>

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

因此目前只能自定义colorbackground-color