在Qt中，如何通过qss自定义QTabWidget以实现以下效果？

Question

我正试图自定义一个QTabWidget如下。但我不知道如何在qss中展示以下用红色标记的那条线。

- ricky

---

作为背景图片 - Dmitry Sazonov

Answer 1

您需要为QTabWidget的两个不同子控件：pane和tab-bar设置样式。

为pane添加一个顶部边框和负上边距：

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

请注意，所选标签不能具有透明背景，否则面板顶部边框将出现在其后面（这里我提供了一个浅灰色的背景，仅作为示例）。

- p-a-o-l-o