CSS Resize句柄调整大小:两个属性

Question

我正在使用CSS3属性:

resize: both;
overflow: none;

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

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

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

我不能使用jQuery resizable; 我用我想要做的(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/