Qt：Hower 效果与所选选项卡重叠

Question

我的 Qt 应用程序中有一个选项卡小部件，我用 CSS 为自己设计了它。

这是它的样子：

1.选中的标签，2.悬停的标签，3.不活动（未选中）的标签

但是当我将鼠标悬停在已选择的选项卡上时（在本例中为 'Create quiz'），它会被悬停效果所取代（我忘记使用黑色字体颜色）我不希望用户可以悬停在选定的选项卡上。 'Create quiz' 应该保持绿色，即使您将鼠标悬停在上面也是如此。但我也不想放弃悬停效果，因为它很有用。

CSS:

QTabBar::tab{
background-color: rgba(255, 255, 255, 94);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
min-width: 8px;
padding: 10px;
margin-left: 3px;
margin-top: 4px;
margin-bottom: 2px;}


QTabBar::tab:selected {
    color: rgb(255, 255, 255);
    background-color: rgb(11, 154, 111);
}

QTabBar::tab:hover {
    background-color: rgba(204, 204, 204, 178);
}

有什么建议吗？

Answer 1

再添加一节：

QTabBar::tab:selected:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(11, 154, 111);
}

然后selected+hover也会有绿色。（或者您可以自定义）

Qt：Hower 效果与所选选项卡重叠

Qt: Hower effect overlapped with selected tab

css

qt

tabs

widget

hover