我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
当前回答
textarea {
resize: none;
}
上面的代码将禁用项目中所有<textarea/>元素的可调整大小属性。如果您希望这样做很好,否则您将希望为textarea元素使用特定的类。
.not-resizable {
resize: none;
}
在HTML中
<textarea class="not-resizable"></textarea>
其他回答
要禁用resize属性,请使用以下CSS属性:
resize: none;
您可以将其应用为内联样式属性,如下所示:<textarea style=“resize:none;”></textarea>或介于<style>之间</style>元素标记如下:文本区域{调整大小:无;}
正在添加!重要的使其发挥作用:
width:325px !important; height:120px !important; outline:none !important;
大纲只是为了避免某些浏览器上的蓝色大纲。
<textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea>
这可以在HTML中轻松完成:
<textarea name="textinput" draggable="false"></textarea>
这对我有用。可拖动属性的默认值为true。
使用此属性调整大小:无;
textarea {
resize: none;
}