在 rails 上自定义 text_area Ruby 以实现 css

Question

我正在尝试自定义 rails 5.0 中的“<%= f.text_area :content %>”。

对一个text_area物化有这样一个

 <div class="row">
    <form class="col s12">
      <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">mode_edit</i>
          <textarea id="icon_prefix2" class="materialize-textarea"></textarea>
          <label for="icon_prefix2">First Name</label>
        </div>
      </div>
    </form>
  </div>

问题是我试图弄清楚如何将我拥有的默认值 text_area 插入到这个中，擦除我必须键入文本的丑陋框。（我有点花心）

这是我的表格：

<%= form_for(@micropost, html: { multipart: true }) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>

    <%= f.text_area :content %> >>>>>>#This is the one I want to change

  <%= f.submit "Post", class: "waves-effect waves-light btn green accent-3 z-depth-4" %>
  <span class="picture">
    <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
  </span>
<% end %>

这是我试过的：

<div class="row">
    <form class="col s12">
      <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">mode_edit</i>
          <textarea id="icon_prefix2" class="materialize-textarea"><%= f.text_area :content %></textarea>
          <label for="icon_prefix2">First Name</label>
        </div>
      </div>
    </form>
  </div>

但我很不走运，我尝试了许多其他方法，但我还没有弄清楚如何为我的应用程序自定义此功能。

我花了很多时间弄清楚如何擦除那个框并把一个花哨的线条样式具体化。非常感谢您的帮助！

Answer 1

你有什么问题，你只需要添加相应的class:

<%= f.text_area :content id: 'icon_prefix2', class: 'materialize-textarea' %>

在 rails 上自定义 text_area Ruby 以实现 css

Customize text_area Ruby on rails to Materialize css

css

text

labels

materialize

ruby-on-rails-5