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 @   清楚xc  阅读(1029)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示