Css 使用引导为Rails中的输入格式化表单_

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

这就是我如何改变文本字段的自然样式

CSS

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

Haml表格

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

但是，这在文本区

=f上不起作用。文本区：说明

有什么想法吗？
文本区域标记是一种独立于文本类型的输入标记的标记类型。您需要单独设置textarea的样式。如果需要与输入字段相同的样式，只需添加它：

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

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

在进行CSS工作时，需要习惯的一件事是使用浏览器提供的开发人员工具来解决此类问题。当您尝试设置一个元素的样式时，如果它不需要，请右键单击该元素，然后单击“检查元素”（假设Firefox或Chrome），这将帮助你自己找出这些问题的答案。
我试着像这样解决问题，只是boostrap太密集了，实际上有些css类被调用了。不可编辑的字段lol，谢谢！