Как удалить Полужирный шрифт из f.label

Я стилю веб-страницу, разработанную на 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.

Ответы

Ответ 1

Я исправил эту проблему, переопределяя метку

label {
    font-weight: normal !important;
}

Спасибо @vucko, который помог мне.

Ответ 2

Так как я только иногда хочу текст, не выделенный жирным шрифтом, я решил это с помощью класса css в помощнике по меткам:

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

И в таблице стилей:

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

Ответ 3

вопрос немного старый, но я сам наткнулся на это при обновлении старого сайта начальной загрузки 3.x до 4.x; У bootstrap.min.css есть стили для меток, чтобы установить вес шрифта 700. кажется, что он отсутствует в bootstrap 4.x; перезапись метки css с помощью! Important после вызова bootstrap работает, как и при использовании более высокой степени специфичности (идентификатора, нескольких классов и т.д.) для css для этого элемента. Моя проблема решается с помощью отмены этого действия, а именно, наложения жирного стиля на эти ярлыки, которые потеряли свою смелость в нашем обновлении.