在Qt中,如何通过q​​ss自定义QTabWidget如下?

时间:2017-12-15 08:50:38

标签: qt qtstylesheets qtabwidget

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

enter image description here

1 个答案:

答案 0 :(得分:0)

您必须为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);
}

请注意,所选标签不能具有透明背景,否则窗格顶部边框将显示在其后面(此处我提供了浅灰色背景,仅作为示例)。