css resize属性 - 更改调整大小图标属性

Question

我有一个带有'resize'属性的div。默认情况下，您只能通过拖动窗口的右下角来更改大小。我想知道是否可以改变这种行为，例如外观，尺寸或位置。

具体来说，我想做的是允许用户在边缘（而不是角落）重新调整窗口的大小，类似于css中的OS窗口（最好只在一侧）。

Answer 1

不是标准的CSS。与滚动条一样，resizer小部件通常来自OS。 可能能够使用自定义浏览器选择器设置样式，但这取决于浏览器。通过使用::-webkit-resizer选择器，您可以使用Webkit做一些有限的样式。

#somediv {
    resize: both;
}

#somediv::-webkit-resizer {
    background-color: red;
}

但据我所知，你无法调整它的宽度。

Answer 2

如果您不反对，那么就有一个jQueryUI组件：http://jqueryui.com/demos/resizable/