Вопрос по asp.net-mvc, css – Как установить ширину и высоту текстовой области с помощью CSS?

22

Вот мой 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 говорит, что ширина является недопустимым значением свойства и к нему применен зачеркнутый штрих, а рядом со свойством отображается желтый треугольник.

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

Мысли? Как это исправить? Спасибо!

Ваш Ответ

6   ответов
14

После некоторого времени его поиска лучше всего использовать один изoverloads методаTextAreaFor()

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

10 является числомrows40 - это числоcolumns

50

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

Образец

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

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

Error: User Rate Limit Exceeded
1

стиль можно указать по ссылке

@ Html.TextAreaFor (model = & gt; model.values, new {style = & quot; ширина: 700px; высота: 200px; & quot;})

Error: User Rate Limit Exceeded
3

Код:

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

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

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

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

.editor-field textarea {
    width : 400px;
    height : 100px;
}
Error: User Rate Limit Exceeded Joe

Похожие вопросы