文本区域 - 非重复大小

时间:2012-08-21 09:59:40

标签: css browser textarea resizable

我的cshtml文件中有以下标记。但是,文本框区域左下角有一个可拖动的角落,拖动时会重新调整文本区域的大小,并影响页面上的所有其他文本框/下拉菜单等。

            <td class="label">
                Notes :
            </td>
            <td class="value" rowspan="3">
                @Html.TextAreaFor(model => model.Notes, new { cols = "40%", style = "width:250px;", @maxlength = "255" })
            </td>

我可以添加任何内容来禁用textareafor可调整大小吗?

3 个答案:

答案 0 :(得分:2)

这不是C#或ASP.net问题。

实际上它完全没问题,它是您正在使用的浏览器的一项功能。

你应该能够使用CSS3属性resize之类的去除它;

textarea {
    resize: none;
}

或者,如果只需要垂直调整大小:

textarea {
     resize: vertical;
 }

答案 1 :(得分:1)

您的浏览器会这样做。它增强了用户体验。你为什么要禁用它?

但您可以applying some CSS执行此操作:

textarea { 
    resize: none; 
}

答案 2 :(得分:1)

诀窍在于css resize:none

使用:

@Html.TextAreaFor(model => model.Notes, new { cols = "40%", style = "width:250px;resize:none", @maxlength = "255" })