Как применить конкретное форматирование к метке в рельсах

Question

Я хочу сделать ярлык электронной почты жирным в моем представлении _email.html.erb.Для этого я упомянул об этом в своем _email.html.erb:

<tr>
  <td><label for="user_email" class="label_account_request">E-mail address: </label></td>
  <td><%= text_field 'user', 'email', class: "form-control width-250"  %></td>
</tr>

Мое приложение использует несколько пользовательских форматов, таких как:

@import "font-awesome";
@import "jquery.ui.all";
@import "jquery.datetimepicker";
@import "ajaxtabs";
@import "balloontip";
@import "colorbox";
@import "dddropdownpanel";
@import "flash_messages";
@import "grades";
@import "goldberg";
@import "layout_2";
@import "redbox";
@import "react-simpletabs/dist/react-simpletabs";
@import "jquery.datetimepicker";
$icon-font-path: "bootstrap-sass/assets/fonts/bootstrap/";
@import "bootstrap-sass/assets/stylesheets/bootstrap-sprockets";
@import "bootstrap-sass/assets/stylesheets/bootstrap";
@import "navbar";
@import "tree_display";
@import "awesomplete";
@import "user_pastebins";
@import "login_form";
@import "three_state_toogle";
@import "table_sorter";
@import "response";
@import "confirm_box";
@import "inner-pages";
@import "homepage";
@import "account_request";

Файл, который я пытаюсь использовать:account_request.scss.Это содержимое:

.label_account_request{
  font-weight: bold;
}

Однако я не могу просмотреть результат моего поля электронной почты.Вот скриншот.Что мне нужно изменить в моем коде?

Снимок экрана

Answer 1

Возможно, другой CSS перезаписывает ваш код (имеет более высокий приоритет).

Чтобы убедиться в этом, используйте font-weight: bold !important; и проверьте, выделена ли метка.

Answer 2

Напишите ваш ярлык как:

<label for="name">Name</label>

Пишите ваши css как:

label[for="name"]{
/*write your styles here*/
}