如何在QtDesigner中修改QDateEdit控件箭头的外观（如颜色）？

原样式表的核心问题是选择器层级错误，以及未正确处理下拉按钮的默认样式，导致箭头相关设置无法生效。以下是具体修正方案：

问题拆解 #

1. 选择器错误：QDateEdit本身就是QAbstractSpinBox的子类，无需在选择器中嵌套QAbstractSpinBox，原写法QDateEdit QAbstractSpinBox::up-arrow会错误匹配QDateEdit内部的子控件，而非自身的箭头元素。
2. 未处理下拉按钮默认样式：QDateEdit的箭头被包裹在::drop-down子控件中，默认的按钮边框和背景会遮挡箭头样式，必须先清除这些默认设置。
3. 属性使用不当：默认箭头是矢量绘制的图形，background-color无法改变其颜色，需用color属性控制箭头的绘制颜色。

修正后的样式表代码 #

QDateEdit {
    border: 2px solid #6D9886;
    border-radius: 8px;
    padding-left: 10px;
}

/* 清除下拉按钮的默认边框和背景 */
QDateEdit::drop-down {
    border: none;
    background-color: transparent;
    width: 22px; /* 可根据需求调整按钮宽度 */
}

/* 设置上箭头样式 */
QDateEdit::up-arrow {
    color: white; /* 箭头颜色 */
    border: none;
    /* 若需自定义箭头图标，可替换为：
    image: url(path/to/up-arrow.png);
    width: 12px;
    height: 12px;
    */
}

/* 设置下箭头样式 */
QDateEdit::down-arrow {
    color: white; /* 箭头颜色 */
    border: none;
    /* 自定义图标示例：
    image: url(path/to/down-arrow.png);
    width: 12px;
    height: 12px;
    */
}

额外说明 #

• 如果使用自定义箭头图标，需确保图片路径正确，同时设置箭头的width和height以适配图标尺寸。
• 部分Qt版本中，可能需要给::up-arrow和::down-arrow添加padding或margin来调整箭头的显示位置。

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