Qt 滚动条样式表 QSS

有只小白叫岳飒

已于 2023-05-12 10:58:11 修改

阅读量1.5k

点赞数 1

分类专栏： Qt学习文章标签： qt qt5 前端

于 2023-05-12 10:52:55 首次发布

本文链接：https://blog.csdn.net/lzy15192536135/article/details/130637507

版权

Qt学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

/*整个垂直滚动条区域样式*/\
QScrollBar:vertical{background-color:white;width:10px;border:none;}\
/*滚动条上⾯和下⾯区域样式*/\
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical{background-color:white;border-radius:4px;border:none}\
/*滑块区域样式*/\
QScrollBar::handle:vertical{background:lightgray;border-radius:4px;border:none}\
/*⿏标滑过滑块样式*/\
QScrollBar::handle:vertical:hover,QScrollBar::handle:vertical:pressed{background:#C0C0C0;border-radius:4px;border:none}\
/*向上箭头样式*/\
QScrollBar::sub-line:vertical{background:white}\
/*向下箭头样式*/\
QScrollBar::add-line:vertical{background:white}\
/*整个垂直滚动条区域样式*/\	
/*注意，水平方向上的滚动条需要设置的是高度，垂直方向设置的是宽度*/\
QScrollBar:horizontal{background-color:white; height:10px;border:none;}\
/*滚动条上⾯和下⾯区域样式*/\
QScrollBar::add-page:horizontal,QScrollBar::sub-page:vertical{background-color:white;border-radius:4px;border:none}\
/*滑块区域样式*/\
QScrollBar::handle:horizontal{background:lightgray;border-radius:4px;border:none}\
/*⿏标滑过滑块样式*/\
QScrollBar::handle:horizontal:hover,QScrollBar::handle:vertical:pressed{background:#C0C0C0;border-radius:4px;border:none}\
/*向上箭头样式*/\
QScrollBar::sub-line:horizontal{background:white}\
/*向下箭头样式*/\
QScrollBar::add-line:horizontal{background:white}