自定义Ruby on rails上的文本区域以实现css

自定义Ruby on rails上的文本区域以实现css,css,text,ruby-on-rails-5,materialize,labels,Css,Text,Ruby On Rails 5,Materialize,Labels,我正在尝试定制rails 5.0中的“” 到一个具体化的文本区域,就像这样 <div class="row"> <form class="col s12"> <div class="row"> <div class="input-field col s6"> <i class="material-icons prefix">mode_edit</i>

我正在尝试定制rails 5.0中的“”

到一个具体化的文本区域,就像这样

 <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>

编辑模式
名字
问题是,我试图弄清楚如何将默认的文本区域插入到这个区域,删除丑陋的框,我必须键入文本。(我有点想入非非)

这是我的表格:

<%= 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>

编辑模式
名字
但我很不走运,我尝试了很多其他方法,但我还没有找到如何为我的应用定制这一功能

我花了很多时间想如何删除那个盒子,并把一个花哨的线条风格物化。
我将非常感谢你的帮助

您有什么问题?只需添加相应的类:

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

您有什么问题?只需添加相应的类:

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


我无法为丑陋的盒子添加样式,我是个新手,所以我问这个问题可能会很奇怪,问题是我忘记了id:选项,以便为rails定制文本区域!但是是的,它确实起作用了,非常感谢你!不客气@kenSanchez,如果你对你正在使用的助手的有效选项有疑问,你可以看看它的定义,大部分情况下。我没能给丑陋的盒子添加样式,我是个新手,所以我问这个可能会很奇怪,问题是我忘记了id:选项,以便为rails定制文本区域!但是是的,它确实起作用了,非常感谢你!欢迎@kenSanchez,如果您对所使用的帮助程序的有效选项有疑问,您可以查看它的定义。