QT-QSS

1、滚动条

   

左侧是默认状态，右侧是鼠标hover状态

QScrollBar:vertical {width: 10px;background:transparent;}
QScrollBar::handle:vertical {width: 13px;min-height: 30px;background: rgba(180,180,180,70%);margin-top:0px;margin-bottom:0px;}
QScrollBar::handle:vertical:hover {background: rgb(80, 80, 80);}
QScrollBar::sub-line:vertical {height: 0px;background: rgb(68, 69, 73);image: url(:/Black/arrowTop);subcontrol-position: top;}
QScrollBar::add-line:vertical {height: 0px;background: rgb(68, 69, 73);image: url(:/Black/arrowBottom);subcontrol-position: bottom;}
QScrollBar::sub-line:vertical:hover {background: rgb(68, 69, 73);}
QScrollBar::add-line:vertical:hover {background: rgb(68, 69, 73);}

2、编辑框

上方是默认状态，下方是鼠标点击状态

QPushButton{border-style:none;border-radius:2px;padding:0px;color:#E6F8F5;background:rgb(30,144,255);}
QPushButton:hover{color:#FFFFFF;background:rgb(30,160,255);}
QPushButton:pressed{color:#FFFFFF;background:rgb(30,194,255);}

3、按钮

最上方是默认状态，中间是鼠标hover状态，下方是鼠标点击状态

QPushButton{border-style:none;border-radius:2px;padding:0px;color:#E6F8F5;background:rgb(30,144,255);}
QPushButton:hover{color:#FFFFFF;background:rgb(30,160,255);}
QPushButton:pressed{color:#FFFFFF;background:rgb(30,194,255);}

4、进度条

最上方是24%的状态，下方是62%的状态

5、按钮加图标

左侧是正常状态，右侧是鼠标hover状态