在FireFox / Mozilla中设置<select>和<option>标签的字体样式

Question

在FireFox中，不能使用CSS更改<option>标记之间的字体。(这可以在Chrome中使用普通的CSS语句来完成。)我可以使用CSS更改语句的<select>部分的字体，以便所选选项以我想要的字体显示，但下拉列表中<option>标记之间的文本始终使用FireFox的默认字体。这一点很重要，因为我想在选项标签中使用等宽字体。

我可以控制FireFox中<option>标签中的字体样式吗？

我的客户告诉我，他们曾经在FireFox的下拉选择列表中看到等宽字体-直到几周前。FireFox是否改变了使用<option>和<select>标签中的CSS来呈现更改字体的指令的方式？有人知道吗？

我读到“标准”并没有规定选项标签之间的内容必须是可样式化的--但一些浏览器，如Chrome，无论如何都会呈现CSS，而FireFox则不是。

Answer 1

这个问题还没有得到回答。的字体似乎不可能更改。

<option>content</option>

FireFox中选项标签之间的文本。它确实可以在Chrome上运行。

Answer 2

从Firefox52开始，您现在可以在选项标记中设置内容的样式：

<option>content</option>

你可以使用test it out on JS Bin。

到目前为止，我已经测试了颜色、字体系列、字体样式和大小。

内联样式和样式表声明现在都可以在Firefox上使用。

Answer 3

它不是重复的，因为它出现在最后一次FireFox更新(现在的v52.0 x32)之后，在更新FF以正确的字体样式显示选项中的文本之前。

更新:在单进程窗口模式下，选项中的字体样式显示在右侧，而在多进程模式下则不显示。要打开/关闭多进程模式，请在地址行中键入about:config并查找选项"browser.tabs.remote.autostart“