在Firefox中为<SELECT>删除CSS字体系列支持？

Question

以下CSS曾用于我测试过的所有浏览器.它甚至还有一个选项来处理Firefox.

select,
option {
  font-family: "Lucida Console", Monaco, monospace;
}

最新版本的Firefox不再适用于字体系列样式.以前版本的Firefox,以及我测试过的所有其他主要浏览器,都完全将字体系列设置应用于选择项和下拉列表中的项目 - 现在,它只会应用于选择框本身,但不会应用于下拉列表.

Firefox仍然支持字体系列更改下拉列表吗？如果是这样,怎么样？

Answer 1

您可以使用以下命令为 Firefox 中的 select 和 option 元素设置字体：

select, option {
  font: -moz-pull-down-menu;
}

我尝试了这个，但结果与我想要的相反。我在 Firefox 中有一个下拉菜单，菜单字体正确，但下拉选项不同。但现在，它不再将样式表中的 CSS `font-family` 属性应用到 `options` 中，而是从菜单中完全删除了！ (2认同)

Answer 2

我做了一些实验，显然<option>只要字体安装在本地，字体系列就会在元素中正确呈现。这显然是没有用的。

如果有人有任何反驳我的信息，请告诉我们。

Answer 3

-moz-font-family:"Lucida Console", Monaco, monospace;