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

Question

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

Answer 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;
    }

Answer 2

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

如果您希望得到更具体的答案，则应将Formtastic表单的代码以及生成的HTML和所需标签格式的说明一起发布。