QComboBox背景色变淡问题及解决方法咨询

问题现象 #

编译运行代码后，QComboBox未被点击时红色背景呈现变淡状态，点击下拉框后恢复正常红色。这是Ubuntu默认Adwaita风格导致的——系统会给未处于交互状态（非悬停、非聚焦）的控件添加透明度蒙层，使得背景色显示变浅。

解决方法 #

修改QComboBox样式表，明确指定所有状态下的背景色，同时覆盖下拉按钮子控件的样式，彻底规避系统风格干扰：

将原样式表替换为：

QComboBox QAbstractItemView {
  border: 1px solid grey;
  background: green;
}

QComboBox {
  background: red;
  opacity: 1;
  border: 1px solid #ccc; /* 可选，自定义边框避免系统样式影响 */
}

QComboBox:!hover:!focus {
  background: red;
}

QComboBox::drop-down {
  background: red;
  border: none;
}

关键说明 #

• 用background替代background-color：background是复合属性，会覆盖系统可能设置的背景图片或透明度参数
• 指定:!hover:!focus状态样式：直接覆盖系统对未交互控件的默认修改
• 设置opacity:1：强制取消系统添加的透明度效果
• 覆盖::drop-down子控件：确保下拉按钮区域也保持统一红色背景

完整代码示例 #

CMakeLists.txt

cmake_minimum_required(VERSION 3.5)

project(QCombobox LANGUAGES CXX)

set(CMAKE_INCLUDE_CURRENT_DIR ON)

set(CMAKE_AUTOUIC ON)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)

set(CMAKE_CXX_STANDARD 17)
set(CMAKE_CXX_STANDARD_REQUIRED ON)

find_package(Qt6 COMPONENTS REQUIRED Core Widgets)

set(SOURCE_FILES
  main.cpp
  mainwindow.cpp
  )

add_executable(QCombobox ${SOURCE_FILES})

target_link_libraries(QCombobox PRIVATE
  Qt6::Core
  Qt6::Widgets)

main.cpp

#include <QApplication>

#include "mainwindow.h"

int main(int argc, char *argv[])
{
  QApplication a(argc, argv);
  MainWindow w;
  w.show();
  return a.exec();
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
  
  inline const static QStringList SourceList =
    QStringList { "00", "01", "02" };
  
  void comboBoxModified(int index);
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include <QComboBox>
#include <QDebug>
#include <QVBoxLayout>

#include "mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
  
  QComboBox *comboBox = new QComboBox(this);

    comboBox->addItems(SourceList);
    comboBox->show();

    // 修改后的样式表
    comboBox->setStyleSheet("QComboBox QAbstractItemView {"
                 "  border: 1px solid grey;"
                 "  background: green;"
                 "}"
                 ""
                 "QComboBox {"
                 "  background: red;"
                 "  opacity: 1;"
                 "  border: 1px solid #ccc;"
                 "}"
                 ""
                 "QComboBox:!hover:!focus {"
                 "  background: red;"
                 "}"
                 ""
                 "QComboBox::drop-down {"
                 "  background: red;"
                 "  border: none;"
                 "}");

    connect(comboBox, QOverload<int>::of(&QComboBox::currentIndexChanged),
            this, &MainWindow::comboBoxModified);
}

MainWindow::~MainWindow()
{
}

void MainWindow::comboBoxModified(int index)
{
  qDebug() << index << "is chosen";
}

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