如何更改表单text_area的背景颜色?

时间:2014-10-14 22:05:33

标签: html css ruby-on-rails erb

我博客的背景颜色为蓝色,我想将text_area表单的背景颜色设为白色,但目前text_area表单与我博客的背景颜色相同。

使用下面的代码,text_field背景为白色,提交按钮背景也为白色,但text_area背景仍为蓝色。



html.erb代码:

<div class="post">
  <%= form_for @post do |f| %>
    <%= f.label :title %>
    <%= f.text_field :title %><br>
    <%= f.label :post %> <br>
    <%= f.text_area :post, size: "95x20"  %><br>
  <%= f.submit %>
<%end%>
</div>

css代码:

.post input {
  background-color: white;
}

1 个答案:

答案 0 :(得分:2)

只需将背景应用于textarea元素,例如:

.post textarea {
  background-color: yellow;
}
<div class="post">
  <textarea></textarea>
</div>