css - 为什么 Firefox 57 不像其他浏览器那样设置我的 元素的样式？

Question

新的 FireFox 57 Quantum 不支持我的 CSS 下拉选择列表样式(仅支持默认的 <select> 值)。在所有其他浏览器中，它都可以正常工作。如何使用我的所有选择的 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";
}

<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>

Answer 1

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

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

3. When Mozilla introduced dedicated content threads to Firefox (through the Electrolysis, or e10s, project), support for styling <option> elements was removed temporarily. Starting in Firefox 54, you can apply foreground and background colors to <option> elements again, using the color and background-color CSS properties. See bug 910022 for more information. Note that this is still disabled in Linux due to lack of contrast (see bug 1338283 for progress on this)

---

所以目前只有color和 background-color可以定制。