QT QSS 滚动条的样式设置

Blasit

已于 2024-07-22 17:08:16 修改

阅读量729

点赞数 2

分类专栏：学习笔记文章标签： css qt

于 2024-04-11 14:29:44 首次发布

本文链接：https://blog.csdn.net/Blasit/article/details/137638105

版权

学习笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

/*垂直滚动条*/
QScrollBar:vertical{ 
    width:16px;  
    border-style:flat;
    border-radius: 8px;
    border:0px;
    background: rgb(229, 229, 229);
} 
QScrollBar::handle:vertical{ 
    background: rgba(126,126,126,0.50);
    border-radius: 8px;
    width:16px; 
    min-height:91px; 
    border-style:flat;
}
QScrollBar::handle:vertical::hover{ 
    background: rgba(85,85,85,0.90);
    border-radius: 8px;
    width:16px; 
}
QScrollBar::handle:vertical::pressed{ 
    background: rgba(85,85,85,0.90);
    border-radius:8px;
    width:16px; 
}
QScrollBar::sub-page:vertical {
    background: rgb(229, 229, 229);
	border-style:flat;
}
QScrollBar::add-page:vertical {
	background: rgb(229, 229, 229);
	border-style:flat;
}
QScrollBar::add-line:vertical{
   background: rgb(229, 229, 229);
}
QScrollBar::sub-line:vertical {
   background: rgb(229, 229, 229);
}
/*水平滚动条*/
QScrollBar:horizontal{ 
    height:8px;  
    border-style:flat;
    border-radius: 4px;
    border:0px;
background: #19191A;
} 
QScrollBar::handle:horizontal{ 
    background: rgba(255,255,255,0.50);
    border-radius: 4px;
    height:8px; 
    min-width:91px; 
    border-style:flat;
}
QScrollBar::handle:horizontal::hover{ 
    background: rgba(255,255,255,0.90);
    border-radius: 4px;
    height:8px; 
}
QScrollBar::handle:horizontal::pressed{ 
    background: rgba(255,255,255,0.90);
    border-radius:4px;
    height:8px; 
}
QScrollBar::sub-page:horizontal {
    background: #19191A;
    border-style:flat;
}
QScrollBar::add-page:horizontal {
   background: #19191A;
    border-style:flat;
}
QScrollBar::sub-line:horizontal {
   background: #19191A;
}
QScrollBar::add-line:horizontal{
   background: #19191A;
}

这几周隔几天要设置一下，所以记录一下，设置滚动条直接方便我自己直接套用，毕竟我的界面设计风格都差不多。