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

tp5buhyn  于 2023-04-13  发布在  其他
关注(0)|答案(1)|浏览(104)

**已关闭。**此问题需要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>元素的字体继承自系统字体,并且在某些浏览器中无法更改它?

ruarlubt

ruarlubt1#

没有例子很难说什么是真实的的问题可以,但在情况下尝试改变comic-sanssans-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

sans-serif

相关问题