qt - 使用样式表自定义 QTabWidget

Question

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

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

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

然后它看起来像这样：

Answer 1

转发我的评论。这是解决方案。

好的。谢谢你给了我正确的方向。这是一个近似的样式表。关键时刻是 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; 
}

Answer 2

样式化标签小部件：

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

样式选项卡：

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

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

造型面板：

QTabWidget::pane { 
   border: none;
}

例子：