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

Question

我的rails应用中有一个form_for。我刚刚想出如何在输入文本字段上覆盖bootstrap 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

有什么想法吗？

Answer 1

textarea标记是来自具有文本类型的输入标记的单独类型的标记。你需要单独设置textarea的样式。如果你想要与输入字段相同的样式，你可以添加它：

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

您可能不希望将textareas设置为与文本输入相同，因为元素的功能不同。

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