Ubuntu 16.04 LTS下QComboBox QSS样式不生效问题求助

我之前在Linux桌面环境下也碰到过类似的Qt样式兼容问题，尤其是Cinnamon这种基于GTK的桌面，Qt很容易被系统样式“抢风头”。结合你的情况，给你几个可行的解决思路：

问题根源 #

在Ubuntu 16.04的Cinnamon桌面中，Qt默认会启用GTK样式融合模式，导致QComboBox的下拉视图（QAbstractItemView）和内部的QScrollBar优先使用系统原生样式，无视你的QSS规则——这就是为什么其他组件正常，唯独这俩出问题。

具体解决步骤 #

1. 强制下拉视图使用自定义样式 #

光靠QSS有时候压不住系统样式，得在代码里给下拉视图明确指定样式策略。初始化QComboBox的时候，加上这几行：

QComboBox *yourCombo = new QComboBox(this);
yourCombo->setStyleSheet("你的QSS代码");
// 关键：禁用系统样式继承，强制用Fusion样式（Qt跨平台基础样式）
yourCombo->view()->setStyle(QStyleFactory::create("Fusion"));
// 把QComboBox的样式同步给下拉视图
yourCombo->view()->setStyleSheet(yourCombo->styleSheet());

这样下拉视图就会乖乖应用你的QSS，不会被GTK样式覆盖了。

2. 补充QScrollBar的QSS规则 #

你原QSS里没给下拉视图里的滚动条写样式，所以它默认用系统样式。把这段补充到你的QSS里：

/* 适配QComboBox下拉视图的滚动条样式 */
QComboBox QAbstractItemView QScrollBar:vertical {
    background-color: #424B54;
    width: 10px;
    border-radius: 5px;
}
QComboBox QAbstractItemView QScrollBar::handle:vertical {
    background-color: rgba(255,255,255,120);
    border-radius: 5px;
    min-height: 20px;
}
QComboBox QAbstractItemView QScrollBar::add-line:vertical,
QComboBox QAbstractItemView QScrollBar::sub-line:vertical {
    height: 0px;
    width: 0px;
}
QComboBox QAbstractItemView QScrollBar::up-arrow:vertical,
QComboBox QAbstractItemView QScrollBar::down-arrow:vertical {
    image: none;
}

这段代码会把滚动条改成和你主题统一的深色风格，隐藏默认的箭头按钮，只保留滑块。

3. 全局禁用GTK样式（可选） #

如果你的整个应用都想要统一的跨平台样式，不想被系统干扰，可以在main()函数开头强制设置Qt使用Fusion样式：

#include <QApplication>
#include <QStyleFactory>

int main(int argc, char *argv[]) {
    // 先设置样式，再初始化QApplication
    QApplication::setStyle(QStyleFactory::create("Fusion"));
    QApplication app(argc, argv);
    // ... 你的应用代码
    return app.exec();
}

或者在终端启动应用时设置环境变量：

QT_STYLE_OVERRIDE=Fusion ./你的应用程序名

这种方式一劳永逸，所有组件都会基于Fusion样式来应用你的QSS，彻底避免系统样式冲突。

调整后的完整QSS #

把原QSS和补充的滚动条样式合并，就是这样：

QComboBox { 
    background-color:rgba(0,0,0,0); 
    border:1px solid rgba(255,255,255,30); 
    border-radius:5px; 
    padding-left:5px; 
    padding-right:5px; 
    min-height:40px; 
}
QComboBox::drop-down { 
    subcontrol-origin: padding; 
    subcontrol-position: top right; 
    border:0px; 
    background-color:rgba(0,0,0,0); 
    width:25; 
    border-top-right-radius:4px; 
    border-bottom-right-radius:4px; 
}
QComboBox QAbstractItemView { 
    background-color:#424B54; 
    border:0px; 
    border-radius:0px; 
    outline: none; 
    margin:0px; 
    padding:5px; 
}
QComboBox QAbstractItemView::item { 
    min-height:40px; 
    color:rgba(255,255,255, 200); 
    background-color: rgba(0, 0, 0, 100); 
}
QComboBox QAbstractItemView::item:hover,
QComboBox QAbstractItemView::item:selected,
QComboBox QAbstractItemView::item:selected:hover { 
    min-height:40px; 
    background-color: rgba(255,255,255, 120); 
    color: rgba(0,0,0); 
}
QComboBox::down-arrow { 
    border-image: url(:/Theme/theme/dark/general/down.png); 
    padding:5px; 
}
QComboBox::down-arrow:on { 
    top: 1px; 
    left: 1px; 
}
/* 补充下拉视图滚动条样式 */
QComboBox QAbstractItemView QScrollBar:vertical {
    background-color: #424B54;
    width: 10px;
    border-radius: 5px;
}
QComboBox QAbstractItemView QScrollBar::handle:vertical {
    background-color: rgba(255,255,255,120);
    border-radius: 5px;
    min-height: 20px;
}
QComboBox QAbstractItemView QScrollBar::add-line:vertical,
QComboBox QAbstractItemView QScrollBar::sub-line:vertical {
    height: 0px;
    width: 0px;
}
QComboBox QAbstractItemView QScrollBar::up-arrow:vertical,
QComboBox QAbstractItemView QScrollBar::down-arrow:vertical {
    image: none;
}

最后提醒一下：Ubuntu 16.04自带的Qt版本比较老（大概Qt5.5），要确保你的资源文件路径（比如那个down.png的url）是正确的，避免图片加载失败导致样式异常。

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