QComboBox选中项文本显示为白色/透明的问题求助

问题描述 #

使用包含6个选项（5个有效项+1个空白默认项）的QComboBox，通过样式表实现以下效果：

• 选中空白默认项时背景透明
• 选中其他有效项时背景浅绿、文本黑色

但实际运行出现异常：选中有效项后文本显示为白色，只有点击应用内其他控件（按钮、QDateEdit等）后，文本才会变成预期的黑色。即使移除样式表，该问题依然存在。

相关代码 #

样式表代码 #

QComboBox#access_level[changed="false"]{
    background-color:"transparent";
}

QComboBox#access_level[changed="true"]{
    background-color:rgba(171, 246, 183, 50);
    color:rgb(0, 0, 0);
}

Python属性实现代码 #

class MassActionDialog(QDialog):
    def __init__(self, parent=None):
        super(MassActionDialog, self).__init__(parent)
        self.dialog = Ui_MassActionDialog()
        self.dialog.setupUi(self)
        # 省略其他初始化代码
        self.original_access_level = 60
        self.access_level = self.original_access_level
        self.dialog.access_level.currentIndexChanged.connect(self.on_access_level_change)

    def on_access_level_change(self, idx): 
        new_access_level = (idx + 1)*10
        if new_access_level == self.original_access_level:
            self.dialog.access_level.setProperty("changed", False)
        else:
            self.dialog.access_level.setProperty("changed", True)
        self.access_level = new_access_level
        # 重新加载样式
        self.dialog.access_level.style().unpolish(self.dialog.access_level)
        self.dialog.access_level.style().polish(self.dialog.access_level)

解决方案 #

1. 强制控件重绘 #

属性修改后，Qt样式系统未完全同步控件状态，在polish后调用update()强制重绘：

self.dialog.access_level.style().unpolish(self.dialog.access_level)
self.dialog.access_level.style().polish(self.dialog.access_level)
self.dialog.access_level.update()  # 新增这行代码

2. 明确覆盖选中/焦点状态的文本颜色 #

Qt默认样式会在选中、焦点状态下覆盖文本颜色，需在样式表中明确指定：

QComboBox#access_level[changed="true"]{
    background-color:rgba(171, 246, 183, 50);
    color:rgb(0, 0, 0);
}
/* 覆盖下拉列表选中项的文本颜色 */
QComboBox#access_level[changed="true"] QAbstractItemView::item:selected {
    color:rgb(0, 0, 0);
    background-color:rgba(171, 246, 183, 100);
}
/* 覆盖控件焦点状态的文本颜色 */
QComboBox#access_level[changed="true"]:focus {
    color:rgb(0, 0, 0);
}

3. 避免自定义属性与内置属性冲突 #

changed可能与Qt内部属性命名冲突，建议改用自定义属性名（如isModified）：

# 修改属性设置逻辑
if new_access_level == self.original_access_level:
    self.dialog.access_level.setProperty("isModified", False)
else:
    self.dialog.access_level.setProperty("isModified", True)

对应的样式表修改为：

QComboBox#access_level[isModified="false"]{
    background-color:"transparent";
}

QComboBox#access_level[isModified="true"]{
    background-color:rgba(171, 246, 183, 50);
    color:rgb(0, 0, 0);
}

内容的提问来源于stack exchange，提问作者olenscki