如何禁用textarea调整大小？

问题描述：

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

每当我创建一个联系我们页面textarea使我的设计丑陋。

任何一个可以给我一个解决方案，请禁用它？

如果我是你，我会离开它。设置默认尺寸意味着它很适合您的设计，但如果用户想要更大的书写区域，用户仍然可以伸展它。我不打扰这些SO评论框，但选项总是在那里。 – Bojangles 2012-02-21 17:33:38

答

您可以使用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应该

但是最小宽度将不能在ie7和ie6中工作 – Marc 2012-02-21 17:39:08

@Marc支持'min-width'从** IE8 **开始** 请检查链接 http://caniuse.com/#search=min-width – Muhammed 2014-02-23 17:59:10

是的，它在IE8中工作，但请记住，它不支持IE6和IE7 – Marc 2014-02-25 13:10:17

答

你可以把这个CSS文件：如果你只想垂直

textarea { 
    resize: none; 
}

答

有了一些CSS这样

textarea 
{ 
    resize: none; 
}

或者

textarea { resize:vertical; }

或水平

textarea { resize:horizontal; }

或两个（不是你的情况下）

textarea { resize:both; }

答

禁用horizontal和vertical你限制有用

textarea { 
    width:100%; 
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

答

对于textarea我用width: 500px !important和height: 350px !important，所以这个CSS码防止用户调整大小，但如果你有其他标签则必须使用resize: none，完整的说明阅读This Link。

例如，对于一个p标签必须设置overflow属性与不visible然后设置resize，none，both，vertical，horizontal的值。