css - 使用 Bootstrap 在 Rails 中格式化 form_for 输入

Question

我的 rails 应用程序中有一个 form_for。我刚刚想出了如何在输入文本字段上覆盖引导 css。但我不知道如何覆盖输入文本区域的 css

好的，这就是我更改文本字段自然样式的方式。

CSS

.product-form input[type="text"] {
  height: 26px;
  border: 0px ;
 }

Haml form_for

  %span.product-form
    = f.text_field :name, placeholder: "Name"

但是，这不适用于文本区域 = f.text_area :description

有任何想法吗？

score 2 · Accepted Answer

textarea 标签是与文本类型的输入标签不同的标签类型。您需要单独设置 textarea 的样式。如果您想要与输入字段相同的样式，您可以添加它：

.product-form input[type="text"], .product-form textarea {
  height: 26px;
  border: 0px ;
}

但是，您可能不想将文本区域的样式设置为与文本输入相同，因为元素的功能不同。

在进行 CSS 工作时要习惯的一件事是使用浏览器提供的开发人员工具来解决此类问题。当您尝试设置一个元素的样式并且它没有占用时，右键单击该元素并单击“检查元素”（假设是 Firefox 或 Chrome），这将帮助您自己找出这些问题的答案。

1 回答 1