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);
}