自定义CSS调整视觉外观

Question

允许div通过类似的东西调整大小非常方便

sudo systemctl restart ssh

但是也很难看到调整大小按钮。

有什么办法吗？

a）自定义

b）通过div { resize: vertical; overflow: auto; } 将<div>元素固定到div的底部，复制此行为？ div会有bottom:0，因此它在底部显示为条形。

Answer 1

我知道你要求纯CSS，但我不确定这是否可行，所以他是另一种选择：

a）您可以使用Jquery Resizeable（https://jqueryui.com/resizable/）而不仅仅是“resize：vertical”，然后您可以根据需要设置图标样式（因为它只是一个div），使用CSS：

.ui-icon, .ui-widget-content .ui-icon {

}

b）您可以使用Jquery Resizable执行此操作：

.ui-icon, .ui-widget-content .ui-icon {
    background-image: (whatever you want here, maybe a down arrow?)
    height:40px;
    width:100%;
}