下拉框QComboBox
QComboBox {
border: 1px solid #CCCCCC;
padding: 1px 1px 1px 3px;
height:32px;
width:85px;
background:white;
color:#666666;
font-size:12px;
text-align:center;
}
QComboBox:hover{
border-radius:2px;
border:1px solid #4589FF;
}
/* 下拉后,整个下拉窗体样式 */
QComboBox QAbstractItemView {
outline: 0px solid gray;
border: 1px solid lightgray;
color: #000000;
background-color: white;
selection-background-color: #EEEEEE;
width:120px;
}
/* 下拉后,整个下拉窗体每项的样式 */
QComboBox QAbstractItemView::item {
height: 26px; /* 项的高度(需设置pComboBox->setView(new QListView()); */
}
/* 下拉后,整个下拉窗体越过每项的样式 */
QComboBox QAbstractItemView::item:hover {
color: #000000;
background-color: #EEEEEE;
}
/* 下拉后,整个下拉窗体被选择的每项的样式 */
QComboBox QAbstractItemView::item:selected {
color: #000000;
background-color: #EEEEEE;
}
/* 下拉框样式 */
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 15px;
border-left-width: 0px;
border-left-color: darkgray;
border-left-style: solid;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* 下拉箭头样式 */
QComboBox::down-arrow {
width: 15px;
background: transparent;
padding: 0px 0px 0px 0px;
image:url(/image/down.png);
}
/* 点击下拉箭头 */
QComboBox::down-arrow:on {
image:url(/image/down.png);
}
该篇参考了网上相关资料,修改及整合而来。