如何设置默认 Formtastic 标签的样式？答案

【问题标题】：How do I style the default Formtastic labels?如何设置默认 Formtastic 标签的样式？
【发布时间】：2014-06-02 07:47:14
【问题描述】：

我是 Formtastic 的新手。如何设计 Formtastic 元素的样式？默认情况下，我的表单元素旁边的标签是白色的。这是正常的还是因为我的样式表文件夹中没有 formtastic.css？

【问题讨论】：

标签： ruby-on-rails ruby styles formtastic

【解决方案1】：

我自己搞定了。

在我的 Rails 应用程序目录中的 zsh shell 中，我运行了rails generate formtastic:install。

我还在我的application.css.scss 文件中输入了必要的要求：

     *= require formtastic
     *= require my_formtastic_changes

在此之后，我刚刚在我的样式表目录中创建了一个my_formtastic_changes.css.scss 文件并实现了以下位。

    <%= semantic_form_for @section do |f| %>
      <%= f.inputs do %>
       <div id="section-details">
         <%= f.input :name %>
         <%= f.input :category %>
         <%= f.input :description %>
         <%= f.input :filepath %>
         <%= f.input :site_section_id %>
       </div>
    <% end %>

然后我在my_formtastic_changes.scss 中使用了这个样式：

    #section-details label {
        color: #000;
    }

【讨论】：

【解决方案2】：

Formtastic 元素的样式几乎没有什么特别之处。您必须在一些 CSS（或者现在最好是 SCSS）文件中识别它们，并根据自己的喜好设置样式。您最喜欢的浏览器Element info 上下文菜单将非常有助于弄清楚为什么元素的格式是这样的。

如果您想要更具体的答案，您应该将Formtastic 表单的代码连同生成的HTML 以及您想要的标签格式描述一起发布。

【讨论】：

谢谢，不过我自己想通了……是的，我对这个问题并没有那么具体。我的错。