我想禁用文本区域的可调整大小属性。

目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?


当前回答

使用此属性调整大小:无;

textarea {
  resize: none;
}

其他回答

要禁用resize属性,请使用以下CSS属性:

resize: none;

您可以将其应用为内联样式属性,如下所示:<textarea style=“resize:none;”></textarea>或介于<style>之间</style>元素标记如下:文本区域{调整大小:无;}

我创建了一个小演示来演示如何调整财产的大小。我希望这对你和其他人也有帮助。

.可调整大小{调整大小:两者;}.no可调整大小{调整大小:无;}.lesizeable_V{调整大小:垂直;}可调整大小_H{调整大小:水平;}<textarea class=“resizeable”rows=“5”cols=“20”name=“resizeble”title=“这是可调整大小的。”>这是可调整大小的。Lorem ipsum,或有时被称为lipsum,是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写,据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“noResizeable”rows=“5”title=“这将不可调整大小。”cols=“20”name=“resizeable”>这将不可调整大小。Lorem ipsum,或有时被称为lipsum,是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写,据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_V”title=“这是可垂直调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可垂直调整大小的。Lorem ipsum,或有时被称为lipsum,是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写,据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_H”title=“这是可水平调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可水平调整大小的。Lorem ipsum,或有时被称为lipsum,是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写,据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域>

您也可以尝试使用jQuery

$('textarea').css("resize", "none");

正在添加!重要的使其发挥作用:

width:325px !important; height:120px !important; outline:none !important;

大纲只是为了避免某些浏览器上的蓝色大纲。

您只需使用:resize:none;在CSS中。

resize属性指定元素是否可调整大小由用户执行。注意:resize属性适用于计算溢出的元素价值不是“可见”。

目前Internet Explorer不支持调整大小。

以下是用于调整大小的不同财产:

不调整大小:

textarea {
  resize: none;
}

双向调整大小(垂直和水平):

textarea {
  resize: both;
}

垂直调整大小:

textarea {
  resize: vertical;
}

水平调整大小:

textarea {
  resize: horizontal;
}

此外,如果您的CSS或HTML中有宽度和高度,它将阻止您的文本区域被调整大小,并提供更广泛的浏览器支持。