CSSでHtml.TextAreaForの問題

Question

私は次のコードを入力して、ユーザーにテキスト入力ボックスを与えます。

<div id="messageEntry" class="grid_3 omega"> 
     <%= Html.TextAreaFor(x => x.Message) %> 
    </div> 

入力ボックスは、私が増やしたい小さな領域としてのみ表示されます。 id="messageEntry"のCSSを作成してもボックスのサイズには影響しません。どのようにサイズを増やすのですか？あなたがHTMLのCOLSと行を指定することができます

Answer 1

は、次のメソッドのシグネチャを使用して属性：

HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IDictionary<String, Object> 

は、これはあなたがすることができます：

<%= Html.TextAreaFor(x => x.Message, new {rows = "50", cols = "50"}); 

Answer 2

は〜

<%= Html.TextAreaFor(x => x.Message, 
    new { cols = "40%", @class = "foo" })%> 

CSSスタイルを適用します

これは次のようになります。

.foo { 
    color: red; 
} 

Answer 3

あなたはCSSでテキストエリアの外観を変更したい場合は、あなたが使用することができ、このような何か -

#messageEntry textarea {width:500px}