Chrome中标签的字体加粗（font-weight）不起作用

Question

我在我的代码中有这一行：

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

但标签显示正常。 如果我进入Chrome Inspector，我可以看到这个：

font-weight: normal !important;

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

- tirenweb

---

如果页面上链接了多个CSS文件，则有可能它们的顺序不正确。如果我没记错的话，在页面中定义的样式表规则优先于后面定义的规则。重新排列样式表可能会有所帮助，但也可能会导致其他规则出现问题，这取决于你的结构如何安排。 - Ren

可能是重复的问题：如何为select标签的option元素设置样式？ - TylerH

Answer 1

看起来好像有其他的东西覆盖了你的加粗样式，因此要使用!important标签。Chrome检查器应该会告诉你在哪里应用了font-weight: normal !important;。你可以尝试在你的样式属性中添加font-weight: bold !important;来覆盖这个覆盖。

- Jez

---

Jez提供的解决方案应该已经适用于任何浏览器 - 问题并不特别针对Chrome。最好的方法可能是找出首先应用font-weight: normal !important;的原因，并查看是否可以将其删除。 - Matt Sach

Answer 2

你是否看过检查器中活动元素右上角的标记？

通过此标记，你可以找到覆盖你代码的样式表。

- Patrick Ferreira

Answer 3

您可以为标签创建一个单独的.css文件，并按如下方式进行引用：-

.lbl { font-weight : normal; }

在html文件中：-Codice paese indirizzo 这对我来说是有效的，也在Google Chrome中被覆盖。

- Sangram_2020