我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
当前回答
如果你需要深度支持,你可以使用一种老式的技巧:
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;
}
其他回答
您只需使用:resize:none;在CSS中。
resize属性指定元素是否可调整大小由用户执行。注意:resize属性适用于计算溢出的元素价值不是“可见”。
目前Internet Explorer不支持调整大小。
以下是用于调整大小的不同财产:
不调整大小:
textarea {
resize: none;
}
双向调整大小(垂直和水平):
textarea {
resize: both;
}
垂直调整大小:
textarea {
resize: vertical;
}
水平调整大小:
textarea {
resize: horizontal;
}
此外,如果您的CSS或HTML中有宽度和高度,它将阻止您的文本区域被调整大小,并提供更广泛的浏览器支持。
正在添加!重要的使其发挥作用:
width:325px !important; height:120px !important; outline:none !important;
大纲只是为了避免某些浏览器上的蓝色大纲。
要禁用resize属性,请使用以下CSS属性:
resize: none;
您可以将其应用为内联样式属性,如下所示:<textarea style=“resize:none;”></textarea>或介于<style>之间</style>元素标记如下:文本区域{调整大小:无;}
如果你需要深度支持,你可以使用一种老式的技巧:
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;
}
使用@style,您可以为其设置自定义大小并禁用调整大小功能(resize:none;)。
@Html.TextAreaFor(model => model.YourProperty, new { @style = "width: 90%; height: 180px; resize: none;" })