javascript - CSS Resize 手柄与 resize: both 属性

Question

我正在使用 CSS3 属性：

resize: both;
overflow: none;

这会在元素的右下角放置一个调整大小的句柄。

我的第一个问题是：我可以使用这个 CSS 属性在元素上放置其他句柄吗？即我可以在右边缘放一个把手吗？我知道除非元素绝对定位，否则这并不总是有效。

第二个问题是：我可以将句柄设计为更适合我的应用程序吗？

我不能使用 jQuery 调整大小；我用我正在尝试做的事情（CKEditor 中的 Div）对其进行了测试，但它不起作用。如果没有人可以解决上述问题，也许可以使用替代插件？

Answer 1

查看这篇文章，这是同一个问题：HTML5/CSS3 - Change the look of resize handles

然而归根结底是不可能做到这一点，但是有一个使用背景图像的解决方法：

textarea {
  height: 300px;
  width: 300px;
  position: relative;
  background: #fff url(http://merchantmomphotoeditor.com/pixenate/docs/resize_handle2.gif) 100% 100% no-repeat;
}

见http://jsfiddle.net/q5kdr/