QT QSS 滚动条的样式设置

357 阅读1分钟
/*垂直滚动条*/
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;
}

经常用得到,记录一下,方便快速粘贴复制使用。