允许textarea在左下角重新调整大小

Question

我可以将显示在文本区域右下角（在现代浏览器上）的小尺寸小部件显示在左下方吗？

Answer 1

您可以通过将书写方向设置为从右到左来实现。这意味着默认情况下文本与右侧对齐，但这很容易被覆盖：

textarea { resize: both; direction: rtl; text-align: left; }

您无法覆盖其他副作用。垂直滚动条将出现在左侧。光标有时会出现在左边（在输入方向中性字符后），当只输入从中性字符混合的从左到右字符时，甚至字符也会出现在右边 - 尽管方向中性字符首先出现在左边（测试输入“abc（1）x”以查看我的意思。）

因此，当从左到右文本输入时，它会带来奇怪的功能，并且最好找到原始问题的不同方法（无论是什么原因，你想要将调整大小句柄放在左下角角）。

Answer 2

CSS3添加了一个“resize”属性，允许您控制textarea是否可调整大小。但据我所知，没有属性指定句柄的位置。如果你想要这种级别的控制，你必须自己用Javascript实现这个小部件（类似于jQuery Dialog小部件为它创建的DIV添加一个调整大小句柄的方式）。

Answer 3

这并不意味着要做，因为那时textareas的标准会非常不一致，这就是W3C试图避免的。互联网在某些方面应该是一致的，而html textarea元素的大小调整小部件很可能总是在右边。您可以做的一件事是使用jQuery或其他JavaScript技术在左下角添加一个调整大小的小部件，并覆盖右下角的一个。