Qt中QTimeEdit、QDateEdit、QDateTimeEdit样式表

1.1 QTimeEdit 样式表

效果图：

qss代码：

.QTimeEdit[timeEditStyle="commom"]
{
    min-height:24px;
    max-height:24px;
    border-radius:2px;
    border:1px solid #cccccc;
}

.QTimeEdit[timeEditStyle="commom"]:hover,
.QTimeEdit[timeEditStyle="commom"]:focus
{
    border-radius:2px;
    border:1px solid #0f6dbe;
}

.QTimeEdit[timeEditStyle="commom"]::down-button
{
    border:none;
    width:30px;
    background-color:white;
}


.QTimeEdit[timeEditStyle="commom"]::up-button
{
    border:none;
    width:30px;
    background-color:white;
}

/***********向下箭头**********/
.QTimeEdit[timeEditStyle = "commom"]::down-arrow {
    image:url(:/myicon/image/down.png);
}

/**********向上箭头**********/
.QTimeEdit[timeEditStyle = "commom"]::up-arrow {
    image:url(:/myicon/image//up.png);
}

1.2 QDateEdit 样式表

如果想要项目中的所有dateedit控件默认使用qss中的样式，而不需要自己一个个的去setProperty，写法如下：

.QDateEdit
{
    min-height:24px;
    max-height:24px;
    border-radius:2px;
    border:1px solid #cccccc;
}

.QDateEdit:hover,.QDateEdit:focus
{
    border-radius:2px;
    border:1px solid #0f6dbe;
}

.QDateEdit::drop-down
{
    border:none;
    width:30px;
}

.QDateEdit::down-arrow {
    image:url(:/myicon/image/down.png);
}

1.23 QDateTimeEdit 样式表

.QDateTimeEdit
{
    min-height:24px;
    max-height:24px;
    border-radius:2px;
    border:1px solid #cccccc;
}

.QDateTimeEdit:hover,.QDateTimeEdit:focus
{
    border-radius:2px;
    border:1px solid #0f6dbe;
}

.QDateTimeEdit::drop-down
{
    border:none;
    width:30px;
}

.QDateTimeEdit::down-arrow {
    image:url(:/myicon/image/down.png);
}