应用样式表时QScrollbar右侧箭头消失

Question

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

如何使右箭头出现并更改手柄的宽度和背景颜色？

代码：

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;}");