隐藏textarea的大小调整手柄在Safari

Question

我使用在我的申请textarea的组件，以及我动态地控制其高度。当用户类型，只要有足够的文字高度增加。这在IE，Firefox和Safari工作正常。

然而，在Safari，存在在右下，其允许用户通过点击和拖动来调整textarea的“把手”的工具。我也注意到，在该计算器textarea的这个问题问一个问题页面。这个工具是混乱的，基本的方式获得。

所以，反正是有隐藏此调整手柄？

（我不知道，如果“处理”是正确的话，但我想不出一个更好的词。）

Answer 1

您可以重写与CSS调整大小的行为：

textarea
{
   resize: none;
}

或只是简单的

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

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

Answer 2

使用下面的CSS规则来禁用所有TextArea元素此问题：

textarea {
    resize: none;
}

如果要禁用它的一些（但不是全部）TextArea元素，你有两个选择（感谢的此页）。

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

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

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

#foo {
    resize: none;
}

请注意，这是仅适用于基于WebKit的浏览器（即，Safari和铬），其添加调整大小手柄TextArea控制相关。

Answer 3

Safari的最大高度最大宽度机会也工作在Firefox 4.0（b3pre）。很好的例子，在这里顺便说一下： http://www.alanedwardes.com/帖/狩猎和调整大小的-文本框/