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

请注意，所选选项卡不能有透明背景，否则窗格顶部边框将显示在其后面（这里我提供了浅灰色背景，仅作为示例）。