css - 如何以简单的形式使用 CSS？

Question

我有一个 text_area 显示的高度太大。

我正在使用简单的表单并且我已经阅读了他们的文档，但仍然不清楚如何将 css 类应用于 text_area。

我的表格：

  <div class="field">
    <p>What's on your mind?</p>
    <%= f.text_area :content, :wrapper_html => { :class => 'height-100px' }, placeholder: "Thought leads to action..." %>
  </div>

我的CSS：

.height-100px {
   height:100px;
}

当我将 CSS 应用于围绕输入字段的 div 时，它会截断高度，但会插入一个滚动条。显然，在这种情况下，我没有应用正确的 css。

我认为这是一个容易回答的问题，但请告诉我。谢谢！

Answer 1

我最终将类名“mf”应用于该部分，并使用通用的“textarea”元素来设置网站上所有文本区域的样式：

.mf {
textarea { 
height:50px;
}
}

直接在simpleform元素上应用类名会很好，但它对我不起作用......