Html.TextAreaFor宽度不会改变

如何在ASP.NET MVC视图中更改文本区域宽度？我在这里阅读有关此问题的问题,但没有任何帮助.

@Html.TextAreaFor(m => m.Suggestions,new { @class = "text-area",placeholder = "Unesite svoje prijedloge..." })

CSS：

.text-area {
    width:50%;
    height:100px;
    color:#3A3A3A;
    font-weight:bold;
    font-style:italic;
}

除文本区域宽度外,所有样式均应用.
我也试过这个：

@Html.TextAreaFor(m => m.Suggestions,new { rows = "7",cols = "70",@class = "text-area",placeholder = "Unesite svoje prijedloge..." })

但没有结果.

解决方法

打开开发人员工具并在浏览器中查找输入元素.查看TextArea元素上是否设置了max-width属性.如果是这样,那么您需要做的就是使用以下代码覆盖它.

– 如果您只将单个模型绑定到视图,则可以使用此代码

@Html.TextArea("NameOfElement",Model.propertyName,new {style = "max-width:100% !important;"})

– – 要么 – –

—使用此代码是您从模型列表绑定模型

@Html.TextAreaFor(m => m.propertyName,new {style="max-width:100%",@id = "ElementId"})

注意：

1)如果您使用上述值作为最大宽度,它将从父容器继承.

2)TextArea帮助中的第一个参数是元素的名称.它还将名称指定为elementID.在TextAreaFor中,您必须显式分配elementID,如上所示.