Html.textarea的宽度不为'；不变

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

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

CSS:

除此之外，所有样式都应用于文本区域宽度。 我也试过：

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

但是没有结果。

HTML：

<form id="myform">
<textarea value="">
</textarea>
</form>

---

打开开发人员工具并在浏览器中查找输入元素。查看TextArea元素上是否设置了“最大宽度”属性。如果是这样，那么您所需要做的就是使用下面的代码来覆盖它

--如果仅将单个模型绑定到视图，则可以使用此代码

@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，如上所示

尝试使用表单控件完整属性：

@Html.TextAreaFor(model => model.Value, new { @class = "form-control form-control-full", rows = 8})

我发现： 在site.css第19行

/*设置表单输入元素的宽度，因为默认情况下它们是100%宽的*/

输入

选择

文本区{

max-width: 280px;

}

---

删除此中的textarea。

但我需要将此文本区域绑定到模型。建议，如何在没有Razor的情况下做到这一点？您的项目中是否有提供的Site.css。？Bcoz它将textbox和textarea的宽度设置为300px，如果您在_布局页面中使用它，则可能会覆盖这些值。@MuditJuneja，我删除了该文件（Site.css）并在另一个文件中编写了css。它看起来还可以（对我来说很有用）。使用开发者工具检查元素并检查样式是否实际应用。尝试通过chrome开发者工具增加宽度并检查其是否工作！或者可能是包含textarea的包含块阻止了它。

@Html.TextAreaFor(model => model.Value, new { @class = "form-control form-control-full", rows = 8})

max-width: 280px;