如何修改QMenu左侧放置图标/复选框区域的背景颜色

你可以直接通过 Qt 样式表（QSS）实现自定义修改，以下是两种常用的适配方案：

方案1：通用适配（兼容大部分Qt版本和平台） #

核心通过控制QMenu::indicator子控件的样式修改目标区域背景，示例代码如下：

/* 菜单整体基础样式，可按需调整数值 */
QMenu {
    background-color: #ffffff;
    padding-left: 28px; /* 给左侧边栏预留宽度，可自行修改 */
    border: 1px solid #e5e7eb;
}

/* 菜单项基础样式 */
QMenu::item {
    padding: 6px 12px 6px 8px;
    color: #1f2937;
}

QMenu::item:selected {
    background-color: #3b82f6;
    color: #ffffff;
}

/* 核心配置：左侧图标/复选框所在区域的样式 */
QMenu::indicator {
    width: 20px;
    height: 20px;
    background-color: #f3f4f6; /* 这里替换为你想要的侧边栏颜色 */
    margin-left: -28px; /* 负边距让区域对齐菜单最左侧 */
    padding: 4px;
}

/* 复选框选中状态样式，按需调整 */
QMenu::indicator:checked {
    image: url(:/icons/check.svg); /* 替换为自己的勾选图标路径即可 */
}

/* 菜单分割线样式，按需调整 */
QMenu::separator {
    height: 1px;
    background-color: #e5e7eb;
    margin: 4px 0;
}

方案2：原生样式场景适配 #

如果你使用了系统原生Qt样式，方案1不生效的话，可以先禁用原生渲染，再通过伪元素直接绘制左侧边栏：

/* 禁用QMenu原生样式渲染，让QSS完全生效 */
QMenu {
    -qt-platform-native-widget: 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding-left: 30px; /* 左侧边栏宽度 */
    position: relative;
}

/* 直接绘制左侧边栏背景 */
QMenu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background-color: #f0f0f0; /* 这里替换为你想要的侧边栏颜色 */
}

/* 后续按需添加菜单项、选中状态的样式即可 */

• 注意事项：如果需要避免全局样式污染，可以给目标QMenu设置唯一的objectName，用#你的菜单ObjectName替换上面的QMenu选择器，单独指定样式。

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