Проблема CSS с Html.TextAreaFor

Question

У меня есть следующий фрагмент кода для предоставления пользователю поля ввода текста.

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

Поле ввода отображается только в виде небольшой области, которую я хотел бы увеличить.Создание CSS для id="messageEntry" не влияет на размер поля, так как мне увеличить размер?

Answer 1

применить стиль CSS ~

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

, который может выглядеть следующим образом:

.foo {
    color: red;
}

Answer 2

Вы можете указать атрибуты столбцов и строк HTML, используя следующую подпись метода:

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

Это позволит вам сделать:

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

Answer 3

Если вы хотите изменить внешний вид текстовой области с помощью css, вы можете использовать что-то вроде этого -

#messageEntry textarea {width:500px}