我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
我想禁用文本区域的可调整大小属性。
目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?
当前回答
textarea {
resize: none;
}
上面的代码将禁用项目中所有<textarea/>元素的可调整大小属性。如果您希望这样做很好,否则您将希望为textarea元素使用特定的类。
.not-resizable {
resize: none;
}
在HTML中
<textarea class="not-resizable"></textarea>
其他回答
<textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea>
我创建了一个小演示来演示如何调整财产的大小。我希望这对你和其他人也有帮助。
.可调整大小{调整大小:两者;}.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区域>
使用此属性调整大小:无;
textarea {
resize: none;
}
CSS3为UI元素提供了一个新属性,允许您执行此操作。该属性是resize属性。因此,您可以将以下内容添加到样式表中,以禁用所有文本区域元素的大小调整:
textarea { resize: none; }
这是一个CSS 3属性;使用兼容性图表查看浏览器兼容性。
就个人而言,我会发现在文本区域元素上禁用大小调整非常烦人。这是设计者试图“破坏”用户客户端的情况之一。如果您的设计不能容纳更大的文本区域,您可能需要重新考虑您的设计是如何工作的。任何用户都可以将textarea{resize:both!important;}添加到他们的用户样式表中,以覆盖您的偏好。
您也可以尝试使用jQuery
$('textarea').css("resize", "none");