1.说明

1. QScrollBar是Qt中常用的一种控件，称之为滚动条，一般都是和QListWidget，QListView，QTextBrowser，QTableView等列表框一起使用。当列表内容超过当前显示范围时，即可使用QScrollBar进行滑动显示。
2. QScrollBar分为sub-line、add-line、add-page、sub-page、up-arrow、down-arrow和handle几个部分。sub-line包含了up-arrow，而add-line则包含了down-arrow区域。
   没有美化之前 图示例：
   

2.qss美化例子

这里用QListWidget下的垂直 QScrollBar美化实例：

QListWidget{
    
    
background-color:#2F2F2F;
color:white;
border:none;
}

QScrollBar::vertical {
    
    
background:transparent;
width:8px;
border:0px;
}

QScrollBar::handle:vertical {
    
    
background:#6eb1f0;
width:8px;
}

QScrollBar::add-line:vertical {
    
    
background:none;
border:none;
}

QScrollBar::sub-line:vertical {
    
    
background:none;
border:none;
}

QScrollBar::add-page:vertical {
    
    
background:transparent;
border:none;
}

QScrollBar::sub-page:vertical {
    
    
background:transparent;
border:none;
}

效果如下：

这里我们去掉了上下按钮和箭头。sub-page和add-page颜色跟随背景，这样显的更加美观简洁。
当然我们还可以添加一些鼠标按下和释放的一些过渡样式。

QScrollBar::handle:vertical:normal {
    
     //正常时状态
background:#6eb1f0;
width:8px;
}
QScrollBar::handle:vertical:hover {
    
     //保持时状态
background:#e6e6e6;
width:8px;
}
QScrollBar::handle:vertical:pressed {
    
     //按下时状态
background:#a5a5a5;
width:8px;
}

作者：费码程序猿
欢迎技术交流：QQ：255895056
转载请注明出处，如有不当欢迎指正