Rails 应用程序中表单的通用字体样式答案

【问题标题】：Universal font styling for forms in Rails appRails 应用程序中表单的通用字体样式
【发布时间】：2014-11-25 15:40:31
【问题描述】：

我正在尝试在我的 Rails 应用程序中编辑所有表单标签的字体和样式。是否有一个我可以使用的 CSS 类适用于整个应用程序中的所有表单字体？

我正在尝试更改的当前部分是：

<%= f.label :username %>
<%= f.text_field :username %>

<%= f.label :bio %>
<%= f.text_area :bio, :cols => "80", :rows => "10" %>

<%= label_tag "Profile Picture" %>
<%= collection_select(:user, :profile_picture_id, ProfilePicture.all, :id, :name, prompt: true) %>

我希望 :username、:bio 和 "Profile Picture" 标签使用不同的字体，而不需要在每个标签中指定 class 参数。

【问题讨论】：

致 GameDroids：在我看来，您通过删除 <br>s 显着编辑了此问题中的代码。 @Emily 请澄清您是否打算在那里出现代码中断。
虽然从 ERB 中删除内联 <br> 似乎有点多，但实际上它根本不会影响问题，只有发送到浏览器时呈现的输出。即使是渲染的输出也会反映问题的含义，只有字段本身会处于错误的位置。在我看来，这不是问题。

标签： html css ruby-on-rails ruby fonts

【解决方案1】：

您也可以将 CSS 规则应用于标签：

在纯 CSS 中：

label {
    /* Attributes that apply to all label tags */
    font: 16px sans-serif;
}

【讨论】：