CSS問題與Html.TextAreaFor

Question

我有以下一段代碼給用戶一個文本輸入框。

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

輸入框只顯示爲我想增加的小區域。爲id="messageEntry"創建CSS對框的大小沒有影響，所以如何增加大小？

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

這將允許你這樣做：

Answer 1

您可以使用以下方法簽名屬性指定的HTML cols和rows

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

Answer 2

應用CSS樣式〜

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

看起來像這樣：

.foo { 
    color: red; 
} 

Answer 3

如果你想改變通過CSS的textarea的外觀，你可以使用這樣的事情 -

#messageEntry textarea {width:500px}