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”元素来设置网站上所有textareas的样式：

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

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

如何使用简单形式的CSS？

1 个答案: