css - 如何使用CSS设置文本区域的宽度和高度？

这是我的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开发者工具验证)，但宽度没有变化。 Chrome表示宽度是无效的属性值，并且对属性应用了删除线，并在属性旁边显示了一个黄色三角形。

仅供引用，这不仅限于Chrome。 IE8也有同样的问题。

有什么想法吗？我该如何解决？谢谢!

最佳答案

您放弃了px:

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