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 bootstrap。

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中不存在；调用引导程序工作后，用！important覆盖标签css，就像对该元素在css上使用更高程度的特异性（标识符，多个类等）一样。解决这个问题的方法是取消此操作，也就是将粗体样式放回到在升级中失去了粗体感的这些标签上。

Answer 4

Bootstrap v4.4.1

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

如果您注意到调试CSS，则会看到：

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

因此，在您的代码中添加一个“ form-check-label”类，该类将不是粗体。

如何从f.label中删除Bold

4 个答案: