Question

＆lt; option＆gt;之间的字体在FireFox中无法使用CSS更改标记。（可以使用普通的CSS语句在Chrome中完成。）我可以更改＆lt; select＆gt;的字体。使用CSS的语句的一部分，以便所选的选项以我想要的字体显示，但是＆lt; option＆gt;之间的文本。下拉列表中的标记始终采用FireFox的默认字体。这很重要，因为我想在选项标签中使用等宽字体。我可以在＆lt; option＆gt;中控制字体的样式吗？ FireFox中的标签？我的客户告诉我他们过去常常在FireFox的下拉列表中看到等宽字体 - 直到几周前。 FireFox是否改变了它们呈现指令的方式，以便使用＆lt; option＆gt;中的CSS更改字体。和＆lt; select＆gt;标签？有人知道吗？我已经读过＆＃34;标准＆＃34;没有指定选项标签之间的内容必须是可设置样式的 - 但是某些浏览器（如Chrome）无论如何都会渲染CSS，而FireFox则不会。

Answer 1

问题尚未得到解答。似乎无法改变

的字体

<option>content</option>

FireFox中选项标签之间的文本。它确实可以在Chrome中使用。

Answer 2

从Firefox 52开始，您现在可以在选项标记中设置样式：

<option>content</option>

你可以test it out on JS Bin。

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

内联样式和样式表声明现在都适用于Firefox。

Answer 3

它不是重复的，因为它出现在最后一次FireFox更新（现在是v52.0 x32）之后，在更新FF显示OPTION中具有正确样式字体的文本之前。

UPD：在单进程窗口模式下，OPTION中的字体样式显示正确，而在多进程模式下则没有。要打开/关闭多进程模式，请在地址行输入about：config并找到选项＆＃34; browser.tabs.remote.autostart＆＃34;

Answer 4

不能在Firefox中使用CSS更改标签之间的字体系列，因此您最好使用此插件将select标签转换为span，这样我们就可以在span上应用字体系列。并根据需要为您提供默认的搜索栏。

插件链接-https://select2.org/

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

4 个答案: