如何从f.label中删除粗体

Question

我正在对一个在Rails上开发的网页进行样式化。

所以，我有一个带有"记住密码"复选框的表单。问题是它总是粗体，我无法更改它。我已经成功地将字体样式更改为斜体，颜色，但我无法删除设置为默认的粗体（我想）。

在我的代码下面：

        <% if devise_mapping.rememberable? -%>
            <div class="remember_forgot_top remember_me_position"><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
        <% end -%>

有人知道如何删除粗体以及如何使标签风格化？

PS：我正在使用twitter引导程序。

Answer 1

我修复了覆盖标签的问题

label {
    font-weight: normal !important;
}

感谢@vucko给了我帮助。

Answer 2

由于我有时只想要一个非粗体标签文本，我通过在标签助手中使用css类来解决它：

<%= label :model, :fieldname, class: "not-bold" %>

在样式表中：

.not-bold {font-weight:normal !important;}

Answer 3

这个问题有点老，但我只是在将旧的3.x引导站点更新为4.x时偶然发现了这个问题；bootstrap.min.css的标签样式设置为700字体。它似乎不存在于bootstrap 4.x中；用覆盖标签css！调用bootstrap后很重要，对该元素在css上使用更高程度的特殊性（标识符、多个类等）也是如此。我的问题通过取消这一操作来解决，或者说，将大胆的风格重新放回这些在我们的升级中失去勇气的标签上。

Answer 4

引导v4.4.1

当我想用JS/DOM再次设置字体权重时，接受的答案将是问题。

如果你注意到调试css，你会看到：

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
}

所以，添加一个类"表单检查标签"；进入您的标签，它将不会是粗体。