字体粗细不适用于 Chrome 中的标签答案

【问题标题】：Font-weight doesn't work for labels in Chrome字体粗细不适用于 Chrome 中的标签
【发布时间】：2011-04-27 00:33:16
【问题描述】：

我的代码中有这一行：

<label style="font-weight: bold" for="sedii18n_codice_paese_indirizzo">Codice paese indirizzo</label>

但标签显示正常。

如果我去 Chrome Inspector 我可以看到：

font-weight: normal !important;

如果我在检查器中更改font-weight，字体的粗细会正常修改。

【问题讨论】：

如果页面上链接了多个 CSS 文件，可能是它们的顺序错误。如果我没记错的话，在页面上方定义的样式表规则优先于后面定义的样式表规则。重新排序样式表可能会有所帮助，也可能会使其他规则混乱。取决于您如何构建它们
How to style a select tag's option element?的可能重复

标签： css google-chrome fonts

【解决方案1】：

您可以为标签标签创建一个单独的 .css 文件并将其提及如下：-

.lbl { font-weight : normal; }

内部 html 文件：-<label class = "lbl" for="sedii18n_codice_paese_indirizzo">Codice paese indirizzo</label>

这对我有用，并且在谷歌浏览器中被覆盖。

【讨论】：

【解决方案2】：

你看过on the top right corner of your active element in the inspector吗？

您可以找到覆盖您的代码的样式表

【讨论】：

【解决方案3】：

看起来其他东西正在覆盖您的粗体样式，因此使用了 !important 标记。 Chrome Inspector 应该会告诉您 font-weight: normal !important; 的应用位置。您可以尝试将 font-weight: bold !important; 放在您的样式属性中以覆盖此覆盖。 :-)

【讨论】：

Jez 提供的解决方案应该已经可以在任何浏览器上运行 - 问题不在于 Chrome。最好的办法可能是首先找出应用font-weight: normal !important; 的内容，然后看看是否可以将其删除。