首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何禁用文本区域大小调整?

如何禁用文本区域大小调整?
EN

Stack Overflow用户
提问于 2012-02-22 01:32:35
回答 6查看 124.6K关注 0票数 198

我需要禁用textarea水平调整大小。有时我想允许垂直调整文本区域的大小。

每当我创建一个“联系我们”页面时,文本区就会让我的设计变得丑陋。

有人能给我一个禁用它的解决方案吗?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2012-02-22 01:37:09

您可以使用css

全部禁用

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

仅垂直调整大小

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

仅水平调整大小

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

禁用垂直和水平限制

代码语言:javascript
复制
textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

禁用有限制的水平和垂直

代码语言:javascript
复制
textarea { resize: vertical; max-height: 300px; min-height: 200px; }

我认为min-height应该对你有用

票数 369
EN

Stack Overflow用户

发布于 2012-02-22 01:34:32

使用一些像这样的css

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

或者如果你只想要垂直的

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

或水平

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

或者两者兼而有之(不是你的情况)

代码语言:javascript
复制
textarea { resize:both; } 
票数 50
EN

Stack Overflow用户

发布于 2012-02-22 01:33:41

您可以将其放入CSS文件中:

代码语言:javascript
复制
textarea {
  resize: none;
} 
票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9382245

复制
相关文章

相似问题

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