0

大きすぎる高さで表示される te​​xt_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;
}

入力フィールドを囲む div に CSS を適用すると、高さが切り捨てられますが、スクロールバーが挿入されます。明らかに、その場合、適切な css を適用していません。

答えやすい質問だと思いますが、教えてください。ありがとう！

4

1 に答える 1

0

クラス名「mf」をセクションに適用し、一般的な「textarea」要素を使用して、これを使用してサイト上のすべてのテキストエリアのスタイルを設定しました。

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

クラス名を simpleform 要素に直接適用できればよかったのですが、私にはうまくいきません...

于 2012-04-22T17:20:27.307 に答える