我正在尝试关闭我的站点中的文本区域大小调整;现在我正在使用这个方法:
.textarea {
clear:left;
min-width: 267px;
max-width: 267px;
min-height:150px;
max-height:150px;
}
我知道我的方法不正确,我正在寻找JavaScript中更好的方法。我是一个初学者,所以对我来说最好的解决方案是HTML5或jQuery。
发布于 2012-07-10 03:23:58
这将会完成你的工作
textarea{
resize:none;
}
发布于 2015-10-31 07:24:21
CSS3可以解决这个问题。不幸的是,现在只有60% of used browsers支持它。
对于IE和iOS,您不能关闭调整大小,但您可以通过设置其width
和height
来限制textarea
维度。
/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */
发布于 2016-07-09 04:17:27
只有一个额外的选项,如果你想恢复应用程序中所有文本区域的默认行为,你可以在你的CSS中添加以下内容:
textarea:not([resize="true"]) {
resize: none !important;
}
并执行以下操作以启用要调整大小的位置:
<textarea resize="true"></textarea>
请记住,此解决方案可能并不适用于您可能希望支持的所有浏览器。您可以在此处查看对resize
的支持列表:http://caniuse.com/#feat=css-resize
https://stackoverflow.com/questions/11401605
复制相似问题