QT Qtabwidget 编辑集合

最新推荐文章于 2025-06-10 15:50:42 发布

原创最新推荐文章于 2025-06-10 15:50:42 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

QTqwidget（C\C++）专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了如何使用Qt的QTabWidget进行界面样式定制，包括调整边框、背景、文字颜色及字体等属性，实现美观且符合需求的标签页效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①

②


QTabWidget::pane
{
	border: 1px;
	background:transparent;
}
QTabWidget::tab-bar
{
	background:transparent;
	subcontrol-position:center;
}
 
QTabBar::tab
 
{
min-width:75px;
min-height:55px;
background:transparent;
}
 
QTabBar::tab:selected
 
{
color: rgb(36,197,219);
background:transparent;
}
 
QTabBar::tab:!selected
 
{
color: white;
background:transparent;
}
QTabBar::tab:hover
{
color: rgb(36,197,219);
background:transparent;

}

③

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;
}