Html.TextAreaFor的CSS问题

Question

我有以下代码给用户一个文本输入框。

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

输入框仅显示为我想增加的小区域。为id="messageEntry"创建CSS对框的大小没有影响，那么如何增加大小呢？

Answer 1

您可以使用以下方法签名指定HTML列和行属性：

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

这样你就可以：

<%= 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}