使用样式表定制QTabWidget

Question

我如何设置QTabWidget样式，如下图所示。

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

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

然后它看起来像这样：

Answer 1

设置tabwidget的样式：

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

重新发表评论。这是解决方案。

确定。谢谢你给我正确的方向。这是一个近似的样式表。关键时刻是QTabWidget :: pane {top：-1px; }。它向上移动窗格（以及它的顶部边框），因此它不会打扰，而QTabBar :: tab：selected {margin-bottom：-1px;同样 - 它隐藏了显示的tabbar底部和窗格顶部差异

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