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

时间:2012-11-04 23:45:33

标签: javascript jquery css css3

我正在使用CSS3属性:

resize: both;
overflow: none;

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

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

第二个问题是:我可以将句柄设置为更具体的应用程序吗?

我不能使用jQuery resizable;我用我想要做的(CKEditor中的Div)测试它并且它不起作用。如果没有人能解决上述问题,也许是一个替代插件?

1 个答案:

答案 0 :(得分: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/