我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
当前回答
您只需使用:resize:none;在CSS中。
resize属性指定元素是否可调整大小由用户执行。注意:resize属性适用于计算溢出的元素价值不是“可见”。
目前Internet Explorer不支持调整大小。
以下是用于调整大小的不同财产:
不调整大小:
textarea {
resize: none;
}
双向调整大小(垂直和水平):
textarea {
resize: both;
}
垂直调整大小:
textarea {
resize: vertical;
}
水平调整大小:
textarea {
resize: horizontal;
}
此外,如果您的CSS或HTML中有宽度和高度,它将阻止您的文本区域被调整大小,并提供更广泛的浏览器支持。
其他回答
这可以在HTML中轻松完成:
<textarea name="textinput" draggable="false"></textarea>
这对我有用。可拖动属性的默认值为true。
如果你需要深度支持,你可以使用一种老式的技巧:
textarea {
max-width: /* desired fixed width */ px;
min-width: /* desired fixed width */ px;
min-height: /* desired fixed height */ px;
max-height: /* desired fixed height */ px;
}
您需要在component.CSS中设置以下CSS代码
textarea {
resize: none;
}
您可以像这样简单地禁用textarea属性:
textarea {
resize: none;
}
要禁用垂直或水平调整大小,请使用
resize: vertical;
or
resize: horizontal;
使用@style,您可以为其设置自定义大小并禁用调整大小功能(resize:none;)。
@Html.TextAreaFor(model => model.YourProperty, new { @style = "width: 90%; height: 180px; resize: none;" })