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

Question

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

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

Answer 1

不是标准的CSS。缩放器小部件，如滚动条，通常来自操作系统。您可以使用自定义浏览器选择器对其进行样式设置，但这取决于浏览器。Webkit 你可以使用::-webkit-resizer选择器做一些有限的样式。

#somediv {
    resize: both;
}

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

但是据我所知，您无法调整其宽度。