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

【问题标题】：Formatting a form_for input in Rails using Bootstrap使用 Bootstrap 在 Rails 中格式化 form_for 输入
【发布时间】：2013-07-07 03:45:16
【问题描述】：

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

有什么想法吗？

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：