CSS Resize 属性 - 更改调整大小图标属性

3
我有一个带有“resize”属性的div。默认情况下,您只能通过拖动窗口的右下角来更改大小。我想知道是否有可能改变这种行为,例如它的外观大小位置
具体而言,我想做的是允许用户在边缘(而不是角落)上重新调整窗口大小,类似于CSS中的操作系统窗口(最好只在一侧)。 Example

我正在寻找一种仅使用CSS的解决方案,并且真的不想看到“我知道你只要求CSS,但是...”这样的答案。你可以发布它们,但它们将没有帮助。谢谢。 - Fewfre
对不起,我不明白你想要什么?我知道你想要调整大小并且已经做到了,你想通过拖动改变位置吗?外观方面呢?据我所知,使用CSS无法通过拖动来改变位置。 - Gijs
1个回答

2

无法使用标准的css。调整大小小部件(如滚动条)通常来自操作系统。但是,您可能能够使用自定义浏览器选择器对其进行样式设置,不过这取决于浏览器。在Webkit中,您可以通过使用::-webkit-resizer选择器进行一些有限的样式设置。

#somediv {
    resize: both;
}

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

但据我所知,您无法调整它的宽度。

你的 WebKit 前缀有误,应该是 #somediv::-webkit-resizer - Gijs
1
真遗憾:( 如果我真的需要,我就得研究一下自定义选择器了。 - Fewfre
说实话,你最好想出一个JavaScript的解决方案。这样在不同浏览器上维护起来会少很多痛苦。 - JaredMcAteer
我相信自从这篇文章发布以来,WebKit已经停止支持此功能。 - Zach Saucier

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接