CSS使用resize: both属性实现大小调整手柄

Question

我正在使用CSS3属性：

resize: both;
overflow: none;

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

我的第一个问题是：我能否使用此CSS属性在元素上放置其他手柄？例如，我能否在右侧边缘放置一个手柄？我知道这不会总是有效，除非该元素的位置是绝对定位。

第二个问题是：我能否将手柄样式设置得更符合我的应用程序要求？

我不能使用jQuery resizable；我已经尝试过它，但对我正在尝试实现的内容（CKEditor中的Div）无效。如果没有人能回答上述问题，也许有一种替代插件？

- Michael Bates

Answer 1

请查看此帖子，它是相同的问题：HTML5/CSS3 - 更改调整大小手柄的外观

然而，实际上是不可能做到的，但有一个变通方法是使用背景图像：

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/

- John In't Hout