在Safari中隐藏textarea调整大小句柄

Question

我在我的应用程序中使用textarea组件,并动态控制它们的高度.当用户键入时,只要有足够的文本,高度就会增加.这适用于IE,Firefox和Safari.

但是,在Safari中,右下角有一个"句柄"工具,允许用户通过单击和拖动来调整文本区域的大小.我还注意到stackoverflow的一个问题页面中的textarea问题.这个工具很混乱,基本上妨碍了.

那么,无论如何都要隐藏这个调整大小的句柄？

(我不确定"句柄"是否是正确的词,但我想不出更好的词.)

Answer 1

您可以使用CSS覆盖调整大小行为:

textarea
{
   resize: none;
}

或者只是简单地

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

有效属性包括:水平,垂直,无