Question

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

@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..." })

但没有结果。

Answer 1

打开开发人员工具，在浏览器中找到输入元素。查看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，如上所示。

Answer 2

HTML：

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

CSS：

#myform textarea{
Width: 50%;
height: 100px;
}

Answer 3

尝试使用 form-control-full 属性：

#If VBA7 And Win64 Then
    Private Declare PtrSafe Function ShellExecuteA Lib "Shell32.dll" _
        (ByVal hwnd As Long, _
        ByVal lpOperation As String, _
        ByVal lpFile As String, _
       ByVal lpParameters As String, _
        ByVal lpDirectory As String, _
        ByVal nShowCmd As Long) As Long
#Else

    Private Declare Function ShellExecuteA Lib "Shell32.dll" _
        (ByVal hwnd As Long, _
        ByVal lpOperation As String, _
        ByVal lpFile As String, _
        ByVal lpParameters As String, _
        ByVal lpDirectory As String, _
        ByVal nShowCmd As Long) As Long
#End If

Answer 4

我发现了这一点：在site.css第19行中

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

输入

选择

textarea {

max-width: 280px;

}

在此删除文本区域。

Html.TextAreaFor宽度不会改变

4 个答案: