css - 应用样式表时 QScrollbar 的 qt 右侧箭头消失

Question

我正在尝试为 QScrollbar 应用样式表，右侧箭头没有显示，我无法更改 handle 宽度和栏的背景颜色。

有什么可以帮助我显示右箭头并更改 handle 的宽度以及背景颜色吗？

代码:

sliderOne.setStyleSheet("QScrollBar:horizontal {border: 1px solid none;height:15px;margin:0px 20px 0px 20px;} QScrollbar::handle:horizontal {min-width:8px;}");

图片:正在获取

Answer 1

我使用自定义图像实现了我的要求，有兴趣的人可以查看此代码。

sliderOne.setStyleSheet("QScrollBar:horizontal {border: 2px solid grey;background: none;height: 15px;margin: 0px 20px 0 20px;} QScrollBar::handle:horizontal {background: gray;min-width: 10px;} QScrollBar::add-line:horizontal {border: 2px solid grey;background: none;width: 20px;subcontrol-position: right;subcontrol-origin: margin;} QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {background: none;} QScrollBar::right-arrow:horizontal {image: url(path/arrow-right-down.png);background: none;} QScrollBar::right-arrow:horizontal:pressed { image: url(path/arrow-right-up.png);background: none;} QScrollBar:left-arrow:horizontal {image: url(path/arrow-left-down.png);background: none;} QScrollBar:left-arrow:horizontal:pressed {image: url(path/arrow-left-up.png);background: none;} QScrollBar::sub-line:horizontal {border: 2px solid grey;background: none;width: 20px;subcontrol-position: left;subcontrol-origin: margin;}");