QScrollBar样式表示例

QScrollBar:vertical {
    border: none;
    background-color: purple;
    width: 20px;
    margin: 20px 0 20px 0;
}
QScrollBar::handle:vertical {
    border: none;
    border-radius: 5px;
    background-color: rgb(103, 103, 103);
    min-height: 60px;
    margin: 3px 5px 3px 5px;
}
QScrollBar::add-line:vertical {
    border: 4px solid blue;
    background: rgb(33, 150, 243);
    height: 20px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {
    border: 4px solid red;
    height: 20px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}
QScrollBar::down-arrow:vertical {
    border-image: url("./skin/skin_images/scroll_down.png");
}
QScrollBar::up-arrow:vertical {
    border-image: url("./skin/skin_images/scroll_up.png");
}
QScrollBar::add-page:vertical {
    background-color: yellow;
}
QScrollBar::sub-page:vertical {
    background-color: green;
}

效果图：

qss中用不同的颜色标识出了对应的位置，方便修改样式时对各部位的控制。