首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >关闭文本区域大小调整

关闭文本区域大小调整
EN

Stack Overflow用户
提问于 2012-07-10 03:17:52
回答 6查看 208K关注 0票数 126

我正在尝试关闭我的站点中的文本区域大小调整;现在我正在使用这个方法:

代码语言:javascript
复制
.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
    min-height:150px;
    max-height:150px;
}

我知道我的方法不正确,我正在寻找JavaScript中更好的方法。我是一个初学者,所以对我来说最好的解决方案是HTML5或jQuery。

EN

回答 6

Stack Overflow用户

发布于 2012-07-10 03:23:58

这将会完成你的工作

代码语言:javascript
复制
  textarea{
        resize:none;
    }

票数 21
EN

Stack Overflow用户

发布于 2015-10-31 07:24:21

CSS3可以解决这个问题。不幸的是,现在只有60% of used browsers支持它。

对于IE和iOS,您不能关闭调整大小,但您可以通过设置其widthheight来限制textarea维度。

代码语言:javascript
复制
/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

See Demo

票数 8
EN

Stack Overflow用户

发布于 2016-07-09 04:17:27

只有一个额外的选项,如果你想恢复应用程序中所有文本区域的默认行为,你可以在你的CSS中添加以下内容:

代码语言:javascript
复制
textarea:not([resize="true"]) {
  resize: none !important;
}

并执行以下操作以启用要调整大小的位置:

代码语言:javascript
复制
<textarea resize="true"></textarea>

请记住,此解决方案可能并不适用于您可能希望支持的所有浏览器。您可以在此处查看对resize的支持列表:http://caniuse.com/#feat=css-resize

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11401605

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档