Qt常见皮肤qss代码（有Metro的风格）

##QTabWidget

• 淡蓝色效果TabWidget(属性值lightblue)

QTabWidget[lightblue = "true"] QTabBar::tab{ border-top:1px solid rgb(249,249,249); border-top-left-radius: 4px; border-top-right-radius: 4px; max-height:20px; min-height:20px; min-width:95px; font-family:microsoft yahei; color:rgb(50,50,50); font-size:13px; padding:0px 0px 0px 0px; border-image:url(); margin: 0px; padding-bottom:15px; } QTabWidget[lightblue = "true"] QTabBar::tab:selected{ border-left:1px solid rgb(192,215,250); border-right:1px solid rgb(192,215,250); border-top:1px solid rgb(192,215,250); color:rgb(50,50,50); background-color:rgb(249,249,249); font-size:13px; border-image:url(); margin: 0px; } QTabWidget[lightblue = "true"]::pane { border-top: 1px solid rgb(192,215,250); position: absolute; top: -1px; } 

效果如下图所示： 

##QLabel

• 蓝色标题Label(属性值blueTitle)

QLabel[blueTitle="true"] { font-size:18px; font-family:Microsoft YaHei; color:rgb(255,255,255); background-color:rgb(5 ,112, 183 ); padding-left:25px; } 

效果图如下所示：

• 

• 淡灰色标题Label(属性值lightgrayTitle)

QLabel[lightgrayTitle="true"] { font-family:Microsoft YaHei; font-size:16px; background-color: rgb(207, 207, 207); padding-left: 25px; } 

效果图如下所示：

• 

##QPushbutton

• 蓝色按钮(属性值blueButton)

QPushButton[blueButton="true"] { color:rgb(255,255,255); border-radius:3px; background-color:rgb(0,109,204); font-family:Arial; } QPushButton[blueButton="true"]:hover { background-color:rgb(0 ,119, 224 ); } QPushButton[blueButton="true"]:pressed { background-color:rgb(0 ,149 ,255 ); } 

效果图如下所示：

• 

• 蓝框按钮(属性值)

QPushButton[blueBorderButton = "true"] { border:1px solid; border-color:#afafaf; font-family:microsoft yahei; color:#555555 } QPushButton[blueBorderButton = "true"]:hover { border:1px solid; border-color:#11a9d6; font-family:microsoft yahei; color:#555555 } QPushButton[blueBorderButton = "true"]:pressed { background-color:#11a9d6; border:1px solid; border-color:#afafaf; font-family:microsoft yahei; color:white } 

效果图如下所示：

•   

QProgressBar

• 淡红色进度条

QProgressBar[redProgressBar = "true"]{ color : solid gray; border: 2px solid gray; border-radius: 5px; background: transparent; padding: 0px; text-align : center ; } QProgressBar[redProgressBar = "true"]::chunk{ background: #B22222; } 

• 

 

http://daodaoliang.com/blog/2014/10/30/Qt%E5%B8%B8%E8%A7%81%E7%9A%AE%E8%82%A4%E7%9A%84QSS.html