在 Qt 中，如何通过 qss 自定义如下 QTabWidget？

【问题标题】：In Qt, how to customize a QTabWidget as below via qss?在 Qt 中，如何通过 qss 自定义如下 QTabWidget？
【发布时间】：2017-12-15 08:50:38
【问题描述】：

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

【问题讨论】：

作为背景图片

标签： qt qtstylesheets qtabwidget

【解决方案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);
}

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

【讨论】：