Javascript CSS使用Resize:tware属性调整句柄大小

我正在使用CSS3属性：

resize: both;
overflow: none;

这将在元素的右下角放置一个调整大小的控制柄

我的第一个问题是：我可以使用这个CSS属性在元素上放置其他句柄吗？我能把把手放在右边吗？我知道，除非元素完全定位，否则这不会一直起作用

第二个问题是：我可以将手柄的样式设置为更适合我的应用程序的样式吗

---

我不能使用jqueryresizeble；我用我正在尝试的方法（CKEditor中的Div）测试了它，但它不起作用。如果没有人能解决上述问题，或许可以选择一个插件？

查看这篇文章，这是同一个问题：

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

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

看