html - 允许在左下角调整 textarea 的大小

Question

我可以让出现在文本区域（在现代浏览器上）右下角的小尺寸调整小部件出现在左下角吗？

Answer 1

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

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

还有其他一些您无法覆盖的副作用。垂直滚动条将出现在左侧。光标有时会出现在左侧（在输入方向性中性字符后），当仅键入与中性字符混合的从左到右字符时，即使字符也会出现在右侧 - 尽管方向性中性字符首先出现在左侧（输入“abc (1) x”进行测试，看看我的意思）。

因此，在输入从左到右的文本时，它具有一些奇怪的功能，最好寻找一种不同的方法来解决原始问题（无论是什么让你想将调整大小手柄放在左下角）。

Answer 2

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

Answer 3

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