QT-QTabWidget样式表,类似QQ风格

原地址-QT QTabWidget stylesheet 样式表
原样式在添加到三个标签后,中间标签的样式和首尾不统一,所以在原样式表上修改了一些属性,保证所有标签页样式统一

QTabWidget::pane
{
	top:20px;
	border:none;
}
QTabBar::tab
{
	color:#333333;
	background:transparent;	
	font-family:"微软雅黑";
	font-size:14px;	
	padding-left:-9px;
	padding-right:-9px;
	width:75px;
	height:30px;
	margin-left:0px;
	margin-right:0px;
} 
QTabBar::tab:selected  //选中标签的状态
{
	color:#618BE5;
	background:transparent;	
	font-family:"微软雅黑";
	font-size:14px;	
	border-bottom:2px solid #618BE5;  //标签下部的样式
}
QTabBar::tab:hover   //鼠标移到标签上的状态
{
	color:#618BE5;
	background:transparent;	
	font-family:"微软雅黑";
	font-size:14px;	
}
QTabWidget::tab-bar {
    alignment: left;  
	top:10px;
	left:30px;	
} 
#detailWgt, #appealReasonWgt
{
	border:none;
}

在这里插入图片描述
tab1为鼠标移上状态,222为选中状态,111为未选中状态

posted @ 2022-06-07 08:00  清楚xc  阅读(1315)  评论(0)    收藏  举报