CSS字体系列不适用于下拉列表

raogr8fs 于 2022-12-15 发布在其他

关注(0)|答案(2)|浏览(135)

我正在使用一个由外部提供商提供的表单管理系统（不支持）。你可以通过CSS调整表单的显示。所以我想使用另一种字体。

.CXHeader *,
.XItem.XSelect.XDropDown *,
.CXFooter *,
.CXPage,
.XPage *,
.xm-form.modern * {
    font-family: 'MyFont';
}

字符串
我使用@font-face定义字体，如下所示：

@font-face {
font-family:'MyFont';
src: url('ressource?mid=8&name=MyFont-Rg.otf') format('opentype');
font-weight:  normal;
font-style:  normal;
}

问题是，它在任何地方都有效，除了下拉列表。但是代码应该是正确的。
我用color和background-color测试过了，这两个在下拉列表中运行良好，当列表没有下拉时，它显示正确的字体，但是如果下拉了，颜色是正确的，字体是错误的。
我还使用了浏览器的“代码检查器”，不管你怎么称呼它。类名是正确的，没有任何东西覆盖字体。

这些是选择<select>元素时代码检查器显示的字体。

（译文：“最新签名”：使用的字体;“所有的现场”：页面的所有字体。）
当我选择一个选项元素时，字体选项卡显示：所选元素未使用字体。
如何为<option>元素设置字体？

css

来源：https://stackoverflow.com/questions/74783203/css-font-family-doesnt-work-for-dropdown

2条答案

按热度按时间

svgewumm1#

@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");

输入字体系列名称后，像这样导入字体系列

font-family: 'Tajawal';

赞(0）回复(0）举报 2022-12-15

4c8rllxm2#

将**！important用于字体或从以前的字体中删除！important**，并确保css类位于常规字体类之后

font-family: 'MyFont' !important;

字符串
示例：

body {
 font-family: 'FirstFont' !important;
}

.dropdown {
 font-family: 'SecondFont';
}

在这种情况下，SecondFont不会覆盖第一个字体

body {
 font-family: 'FirstFont';
}

.dropdown {
 font-family: 'SecondFont';
}

但在这种情况下它会覆盖
或者你也可以用**！important**作为第二个选项，它也能正常工作

赞(0）回复(0）举报 2022-12-15

我来回答

CSS字体系列不适用于下拉列表

2条答案

相关问题

热门标签

最新问答