Question

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

Answer 1

我能够自己解决这个问题。

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

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

     *= require formtastic
     *= require my_formtastic_changes

在此之后，我刚刚在stylesheets目录中创建了一个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以及您希望的标签格式说明一起发布。

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

2 个答案: