在Qt中，如何通过q​​ss自定义如下所示的QTabWidget？

Question

我正在尝试自定义 QTabWidget，如下所示。但是我不知道如何在qss中显示如下红色标记的线。

Answer 1

您必须设置 QTabWidget 的两个不同子控件的样式：窗格和选项卡栏。

给窗格一个顶部边框和一个负顶部：

QTabWidget::pane{
  border-top: 1px solid red;
  margin-top: -1px;
}

现在选项卡栏的选定选项卡：

QTabBar::tab:selected{
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  background-color: rgb(240, 240, 240);
}

请注意，选中的选项卡不能有透明背景，否则窗格顶部边框会出现在它后面（这里我提供了浅灰色背景，只是为了举例）。