javascript - 调整大小的 CSS 调整大小句柄 : both property

Question

我正在使用 CSS3 属性:

resize: both;
overflow: none;

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

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

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

我不能使用可调整大小的 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/