css 标记[closed]中Firefox字体的属性值无效< option>

tp5buhyn 于 2023-04-13 发布在其他

关注(0)|答案(1)|浏览(114)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
22小时前关门了。
Improve this question
我收到我的客户的意见，字体是不同的选择标签下拉选项标签。
这是它在Chrome浏览器中的样子：

这是它在Firefox浏览器中的样子：

字体是完全不同的，但在督察字体应用正确
在Firefox中：

在Chrome浏览器中：

所以如果在这个线程中找到一个可能的解决方案：https://stackoverflow.com/a/63179312/13491613
但它没有应用并显示错误-“无效的属性值”：

这里有什么解决方案？
另外，是否有可能<options>元素的字体继承自系统字体，并且在某些浏览器中无法更改它？

css

来源：https://stackoverflow.com/questions/75993309/invalid-property-value-for-firefox-font-in-option-tag

1条答案

按热度按时间

ruarlubt1#

没有例子很难说什么是真实的的问题可以，但在情况下尝试改变comic-sans到sans-serif：

option {
  font-family: 'PT Root UI', sans-serif;
}

<link href="//db.onlinewebfonts.com/c/8b28173d3f87d730570fd1213da8ad52?family=PT+Root+UI" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css">
<select>
  <option value="1">Folder 1</option>
  <option value="2">Folder 2</option>
  <option value="3">Folder 3</option>
  <option value="4">Folder 4</option>
  <option value="5">Folder 5</option>
</select>

您还可以检查如何连接字体和检查@font-face规则

@font-face {
  font-family: 'PT Root UI';
  font-weight: normal;
  font-style: normal;
}

select, option {
  font-family: 'PT Root UI', sans-serif;
  font-weight: normal;
  font-style: normal;
}

在我的浏览器上使用comic-sans：