如何将特定格式应用于 Rails 中的标签答案

【问题标题】：How to apply specific formatting to a label in rails如何将特定格式应用于 Rails 中的标签
【发布时间】：2019-03-12 18:38:46
【问题描述】：

我想在我的 _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;
}

但是，我无法查看我的电子邮件字段的结果。这是一个屏幕截图。我需要对我的代码进行哪些更改？

Screenshot

【问题讨论】：

可能另一个 CSS 覆盖了您的代码（具有更高的优先级）。要验证这一点，请使用 font-weight: bold !important; 并检查标签是否为粗体。
您好，我使用了您的方法，修改后就可以了！谢谢！我很困惑，因为我没有从其他样式表中看到任何覆盖行为。
肯定有一些东西，因为!important 优先考虑“属性”。我会将我的评论作为回复发布，以便所有人都能看到。
您应该注意，使用!important 是核选项，通常不是一个好主意。 j11y.io/css/dont-use-important
有什么办法可以避免使用 !important 呢？

标签： css ruby-on-rails ruby

【解决方案1】：

可能另一个 CSS 会覆盖您的代码（具有更高的优先级）。

要验证这一点，请使用font-weight: bold !important; 并检查标签是否为粗体。

【讨论】：

【解决方案2】：

这样写你的标签：

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

把你的css写成这样：

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

【讨论】：