Как установить ширину и высоту текстового поля с помощью CSS?

Question

Вот мой CSS:

.editor-field textarea { 
    width : 400; 
    height : 100px; 
} 

Вот разметка с моей точки зрения:

 <div class="editor-field"> 
      @Html.EditorFor(model => model.Visit.BehavioralObservations) 
      @Html.ValidationMessageFor(model => model.Visit.BehavioralObservations) 
     </div> 

А вот аннотацию моей модели, показывающей атрибут MultilineText:

[DisplayName("Behavioral Observations")] 
    [DataType(DataType.MultilineText)] 
    public string BehavioralObservations { get; set; } 

Почему не могу ли я задать ширину этого текстового поля? Я могу настроить высоту в моем CSS и выглядит корректно (проверено с помощью инструментов Chrome Developer), но ширина не меняется. Chrome говорит, что ширина является недопустимым значением свойства и имеет пробой, примененный к этому свойству вместе с желтым треугольником, отображаемым рядом с этим свойством.

FYI, это не ограничивается Chrome. IE8 имеет ту же проблему.

Мысли? Как это исправить? Благодаря!

Answer 1

Вы остановились px:

.editor-field textarea { 
    width : 400px; 
    height : 100px; 
} 

Answer 2

попробовать использовать TextAreaFor вспомогательный метод и установить cols и rows HTML свойство

Sample

@Html.TextAreaFor(model=>model.MyMultilineText, new {rows="6", cols="10"}) 

Я надеюсь, что это поможет. С уважением.

Answer 3

стиль может быть указан в ссылке будет

@ Html.TextAreaFor (модель => model.values, новый {стиль = "ширина: 700px, высота: 200px;"})

Answer 4

После некоторого время поиска для этого, лучший способ заключается в использовании одной из перегрузках метода TextAreaFor()

@Html.TextAreaFor(model => model.Visit.BehavioralObservations, 10, 40, new { HtmlAttributes = new { } }) 

10-это количество строк , то 40 это число столбцов

Answer 5

Код:

@Html.TextAreaFor(m => m.Message, 30, 10, new { @class = "what" }) 

Answer 6

проект

ASP MVC по умолчанию имеет site.css с max-width:280 для textarea - удалить, что и попробовать что-то вроде этого

@Html.TextAreaFor(model => model.ComicText, new { style = "width: 700px; height:150px;" })