css - 使用 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
}