qt-qss之QTabWidget样式

一、前言

记录

二、环境

qt5.7 

windows

三、正文

样式qss

QTabBar{
font: 16pt "黑体";
}
QTabBar::tab{
	font-family:"黑体";    /*设置tab中的文本的字体*/
	border-top-left-radius: 5px;    /*设置tab的边框的圆角（左上圆角）*/
	border-top-right-radius: 5px;    /*设置tab的边框的圆角（右上圆角）*/
	min-width: 100px;/*宽度*/
	padding: 10px;/*高度*/
	color:#ffffff;    /*设置tab中的文本的颜色*/
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border:0px solid #c3c3c3;

}
 
/*设置TabWidget中QTabBar的tab被选中时的样式*/
QTabBar::tab:selected{
color:#ffffff;    /*设置tab中的文本的颜色*/
background-color: rgb(55, 156, 212);
font: 16pt "黑体";
}
QTabBar::tab:!selected{
color: rgb(55, 156, 212);
background-color: rgba(60, 60, 60);
font: 14pt "黑体";
}
/*设置TabWidget中鼠标悬浮在QTabBar的tab上，但未选中该Tab的样式*/
QTabBar::tab:hover:!selected {
color:#ffffff;    /*设置tab中的文本的颜色*/
background-color: rgb(55, 156, 212);
font: 16pt "黑体";
}
 
/*设置TabWidget的边框的样式*/
QTabWidget::pane {
border: 1px solid rgb(108, 117, 125, 65);
}

效果

 

四、结语