阻止文本区域在 Safari 中调整大小

Posted 2023-05-07

【中文标题】阻止文本区域在 Safari 中调整大小

【英文标题】：stop text-area from resizing in Safari

【发布时间】：2011-02-03 14:54:58

【问题描述】：

Safari 为文本区域提供了调整大小的句柄。有人知道如何阻止吗？谢谢

【问题讨论】：

为什么？它是作为可用性功能添加的。

PS Chrome 也有，其他浏览器正在考虑添加该功能（我知道 Asa Dotzler 正在推动 Mozilla 将其添加到 Firefox）

我不介意垂直拉伸。是水平调整大小弄乱了布局。

How to disable resizable property of TextArea? 的可能重复项

【参考方案1】：

您可以使用 CSS3 来防止调整大小：

textarea 
   resize: none;

【讨论】：

我相信是的。 Safari 和 Chrome 也尊重最小/最大高度和宽度属性，因此您可以控制用户可以调整多少。

如果您想允许您的用户垂直调整文本框的大小，但阻止水平调整大小，您可以将 resize 属性设置为垂直。 (w3.org/TR/css3-ui/#resize0)