前言
QtWidgets写界面,经常需要用qss来写样式风格。qss不难懂,也不难学,而且也不用特意去学,只需要复制粘贴(* ̄︶ ̄)。
所以我在此整理一下,为了下次能够更快的设置好风格,我真是个热爱工作的好同志。
常用控件样式风格设置
各类按钮(QPushButton为例)
QPushButton#searchButton{
color:#ffffff;
background: #0275FF;
border-radius: 3px;
}
QPushButton#searchButton:hover,QPushButton#searchButton:pressed{
background: rgb(70,98,217);
}
QDateTimeEdit
QDateTimeEdit{
border:none;
border-radius:10px;
background-color:rgba(8, 55, 132, 1);
color:white;
font-size:18px;
padding:10px 40px 10px 40px;
}
QDateTimeEdit::up-arrow{
image: url(:/res/dlg/up-button.png);
}
QDateTimeEdit::down-arrow {
image: url(:/res/dlg/dropArrow.png);
}
QGroupBox
QGroupBox{
background:rgba(23, 70, 141, 200);
border:1px solid black;
border-radius:10px;
margin-top:20px;
}
QGroupBox::title {
color:#05edfe;
subcontrol-origin: margin;
subcontrol-position: top left;
padding-top: 5;
padding-left: 20;
}
QComboBox下拉框
QList<QComboBox*> comboxList=this->findChildren<QComboBox*>();
foreach (QComboBox* box, comboxList) {
box->setView(new QListView());
}
QComboBox:!enabled{
border: 1px solid #CCCCCC;
color:#B3B3B3;
}
QComboBox:enabled{
border: 1px solid #999999;
border-radius: 3px;
padding: 1px 5px 1px 10px;
color:#666666;
font-size:9pt;
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
padding-right:10px;
width:20px;
border:none;
}
QComboBox::down-arrow {
image: url(:/res/down.png);
}
QComboBox QAbstractItemView{
background:rgba(255,255,255,1);
border:1px solid rgba(228,228,228,1);
border-radius:0px 0px 5px 5px;
font-size:14px;
outline: 0px;
}
QComboBox QAbstractItemView::item{
height:36px;
color:#666666;
padding-left:9px;
background-color:#FFFFFF;
}
QComboBox QAbstractItemView::item:hover{ /*悬浮*/
background-color:#409CE1;
color:#ffffff;
}
QComboBox QAbstractItemView::item:selected{/*选中*/
background-