使用 CSS 设计 QTabWidget 背景

Question

我希望为活动的 QTabWidget 选项卡设置自定义背景颜色。不幸的是，我无法找出所需的选择器。 在 Linux 上，以下 hack 有效：

QTabWidget::tab > QWidget > QWidget {
        background: #fff;
}

但在 Windows 上我必须再使用一个 QWidget：

QTabWidget::tab > QWidget > QWidget > QWidget {
        background: #fff;
}

有“真正的”解决方案吗？

Answer 1

你必须使用 QTabBar 而不是 QTabWidget。您应该使用的选择器如下：

// Control the tab-bar with respect to the QTabWidget
QTabWidget::tab-bar {
        left: 5px;
}

// Control the look of the tab in general
QTabBar::tab {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

// Control the look of the tab when it is selected
QTabBar::tab:selected
{
        // Add css parameters
}
// Control the look of the tab when hovering over it
QTabBar::tab:hover 
{
        // Add css parameters
}

// Control the look of the tab when it is not selected
QTabBar::tab:!selected
{
        // Add css parameters
}