在Safari中隐藏textarea调整句柄

我在我的应用程序中使用textarea组件，并且我dynamic地控制它们的高度。当用户键入时，只要有足够的文本，高度就会增加。这在IE，Firefox和Safari上运行良好。

但是，在Safari中，右下方有一个“句柄”工具，允许用户通过点击和拖动来调整textarea的大小。我也注意到这个问题与textarea在stackoverflow问一个问题页面。这个工具令人困惑，基本上是阻碍。

那么，是否有隐藏这个resize的句柄？

（我不确定“处理”是否正确，但我想不出一个更好的术语。）

您可以使用CSS覆盖调整行为：

textarea { resize: none; }

或者只是简单地

 <textarea style="resize: none;">TEXT TEXT TEXT</textarea>

有效的属性是：水平，垂直，无

使用以下CSS规则为所有TextArea元素禁用此行为：

 textarea { resize: none; }

如果你想禁用一些（但不是全部） TextArea元素，你有几个选项（感谢这个页面）。

要禁用name属性设置为foo的特定TextArea （即<TextArea name="foo"></TextArea> ）：

 textarea[name=foo] { resize: none; }

或者，使用一个ID（即<TextArea id="foo"></TextArea> ）：

 #foo { resize: none; }

请注意，这仅适用于基于WebKit的浏览器（即Safari和Chrome），它将resize的句柄添加到TextArea控件。

safari最大高度最大宽度的机会也可以在Firefox 4.0（b3pre）。顺便说一句，这里是一个很好的例子： http : //www.alanedwardes.com/posts/safari-and-resizable-textboxes/