自定义 QDateEdit 样式

Question

如何获得 QDateEdit 的外观，如图所示？

我尝试更改样式表，但我不知道如何实现按钮和编辑之间的间距，也不知道如何更改向下箭头按钮。

Answer 1

它接近您发布的图像：

QDateEdit
{
    background-color: white;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(100,100,100);
    spacing: 5px; 
}


QDateEdit::drop-down {
    image: url(:/new/myapp/cbarrowdn.png);
    width:50px;
    height:15px;
    subcontrol-position: right top;
    subcontrol-origin:margin;
    background-color: white;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(100,100,100);
   spacing: 5px; 
}

也许这里的关键词是“子控件”。DateEdit 或 Combo-Box 或其他任何东西的箭头，不应用父控件中定义的所有样式定义。您必须找出如何为每个 Qt-Class 处理这些子控件并为每个子控件自定义样式。

我希望这些链接会有所帮助：

http://doc.qt.io/qt-4.8/stylesheet-customizing.html

http://doc.qt.io/qt-4.8/stylesheet-examples.html