Qt中保留QSS边框图删下拉箭头及下拉菜单宽度适配问题

我来帮你搞定这两个Qt样式相关的问题，下面分两部分逐个说明解决方案：

问题1：删除下拉箭头同时保留原有border-image #

你遇到的核心问题是Qt的setStyleSheet是覆盖式设置，而非追加。当你单独调用ui->pushButton->setStyleSheet("QPushButton::menu-indicator{image:none;}")时，按钮之前设置的border-image样式会被完全清空，导致边框图消失。

解决办法很简单：把按钮的基础样式（包含border-image）和隐藏下拉箭头的样式合并到同一个setStyleSheet调用里，示例代码如下：

// 合并按钮原有样式与菜单指示器隐藏样式
ui->pushButton->setStyleSheet(R"(
    QPushButton {
        border-image: url(:/img/btn_mid_0.png);
        /* 这里可以添加按钮的其他原有样式，比如字体、背景色等 */
    }
    QPushButton::menu-indicator {
        image: none; /* 彻底隐藏下拉箭头 */
    }
)");

用C++11的原始字符串R"(...)"可以避免手动转义反斜杠，让样式表代码更清晰易读。

问题2：让下拉菜单宽度与QPushButton完全一致 #

默认情况下QMenu的宽度由菜单项内容自动计算，要让它和按钮宽度匹配，我们可以监听菜单的aboutToShow信号，在菜单即将弹出时动态设置它的宽度为按钮的宽度：

// 在菜单初始化完成后添加这个信号连接
connect(m_menu, &QMenu::aboutToShow, this, [this](){
    m_menu->setFixedWidth(ui->pushButton->width());
});

另外注意你原来的QMenu样式中，QMenu::item的padding:160px 160px设置得过大，这会导致菜单项内部边距异常宽，可能超出菜单宽度，建议根据实际需求调整为合理值（比如padding:8px 16px）。

修改后的完整代码 #

mainwindow.cpp #

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QDebug>
#include <QMenu>

MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent), ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    m_menu = new QMenu(this);
    m_addAction = new QAction(m_menu);
    m_delAction = new QAction(m_menu);
    m_addAction->setText(QObject::tr("add"));
    m_delAction->setText(QObject::tr("del"));
    m_menu->addAction(m_addAction);
    m_menu->addAction(m_delAction);
    connect(m_addAction, &QAction::triggered, this, &MainWindow::addFunc);
    connect(m_delAction, &QAction::triggered, this, &MainWindow::delFunc);

    // 调整菜单样式，将item的padding改为合理值
    m_menu->setStyleSheet(R"(
        QMenu {
            background-image: url(:/img/tanchu-1.png);
            border: 3px solid rgb(235,110,36);
        }
        QMenu::item {
            font-size: 10pt; 
            color: rgb(225,225,225);
            border: 3px solid rgb(60,60,60);
            background-image: url(:/img/tanchu-1.png);
            padding:8px 16px; /* 修正过大的内边距 */
            margin:2px 2px;
        }
        QMenu::item:selected { 
            background-color:rgb(235,110,36);
        }
        QMenu::item:pressed {
            border: 1px solid rgb(60,60,61); 
            background-color: rgb(220,80,6); 
        }
    )");

    // 监听菜单显示信号，设置宽度与按钮一致
    connect(m_menu, &QMenu::aboutToShow, this, [this](){
        m_menu->setFixedWidth(ui->pushButton->width());
    });

    ui->pushButton->setMenu(m_menu);

    // 合并按钮样式：保留border-image + 隐藏下拉箭头
    ui->pushButton->setStyleSheet(R"(
        QPushButton {
            border-image: url(:/img/btn_mid_0.png);
            /* 可添加按钮其他样式，比如font-size等 */
        }
        QPushButton::menu-indicator {
            image: none;
        }
    )");
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::addFunc()
{
    qDebug() << "addFunc";
}

void MainWindow::delFunc()
{
    qDebug() << "delFunc";
}

这样修改后，按钮的边框图会正常保留，下拉箭头被隐藏，同时下拉菜单的宽度会和按钮保持完全一致。

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