自定义Ruby on rails上的文本区域以实现css
我正在尝试定制rails 5.0中的“” 到一个具体化的文本区域,就像这样自定义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>
<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,如果您对所使用的帮助程序的有效选项有疑问,您可以查看它的定义。