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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (13)

我需要禁用textarea水平调整大小。有时我想允许在textarea上垂直调整大小。

每当我创建一个联系我们的页面,textarea让我的设计变得丑陋。

任何人可以给我一个解决方案,请禁用它?

提问于
用户回答回答于

你可以使用CSS

禁用所有

textarea { resize: none; }

只有垂直调整大小

textarea { resize: vertical; }

只有水平调整大小

textarea { resize: horizontal; } 

禁用垂直和水平限制

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

禁用水平和垂直限制

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

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

用户回答回答于

用这样的一些CSS

textarea
{
   resize: none;
}

或者如果你只想要垂直

textarea { resize:vertical; }

或水平

textarea { resize:horizontal; } 

或两者(不是你的情况)

textarea { resize:both; } 

扫码关注云+社区