使用样式表自定义 QTabWidget

Question

如何像下图中那样设置 QTabWidget 的样式。

问题是：如果我设置样式 sheet

QTabWidget:pane {
border: 1px solid gray;
}

然后看起来像这样：

Answer 1

设置选项卡小部件的样式：

QTabWidget::tab-bar {
   border: 1px solid gray;
}

样式选项卡：

QTabBar::tab {
  background: gray;
  color: white;
  padding: 10px;
 }

 QTabBar::tab:selected {
  background: lightgray;
 }

样式面板：

QTabWidget::pane { 
   border: none;
}

示例：

Answer 2

重新发布我的评论。这是解决方案。

好的。谢谢你给我正确的方向。这是一个近似的样式 sheet。关键时刻是 QTabWidget::pane { top: -1px; }.它向上移动窗格（和它的顶部边框）所以它不会打扰，并且 QTabBar::tab:selected {margin-bottom: -1px; } 同样 - 它隐藏了出现的标签栏底部和窗格顶部的差异

QTabWidget::pane {
  border: 1px solid lightgray;
  top:-1px; 
  background: rgb(245, 245, 245);; 
} 

QTabBar::tab {
  background: rgb(230, 230, 230); 
  border: 1px solid lightgray; 
  padding: 15px;
} 

QTabBar::tab:selected { 
  background: rgb(245, 245, 245); 
  margin-bottom: -1px; 
}

使用样式表自定义 QTabWidget

Customuzing QTabWidget with Style Sheets

qt

qtabwidget

qstylesheet