QComboBox样式表qss设置

//未下拉时，QComboBox 样式 背景黑色
QComboBox {border:none;background:#000000;color:#ffffff;
padding-left:30px;font-size:16px “SimHei”;}

//下拉后的整个下拉窗体样式 背景红色
QComboBox QAbstractItemView {background:#ff0000;color:#ffffff;padding-left:30px;}

//下拉箭头区域样式
QComboBox::drop-down{
width: 40px;
border-left: 1px solid #ffffff;
}

//下拉箭头样式
QComboBox::down-arrow {image: url(:/xiala.png);height:30px;width:20px;}

//以下三个需要在代码中设置 ui->comboBox->setView(new QListView());

//下拉项样式 背景蓝色
QListView::item{padding-left:30px;background:0000ff;color:#ffffff;}

//下拉项选中样式（效果不明显）背景绿色
QListView::item:selected{
color:#DCDCDC;
background:#00ff00;
}

//下拉项鼠标悬浮样式 背景灰绿色
QListView::item:hover{
color:#DCDCDC;
background:#3da79d;
}

绿色为下拉项选中样式，灰绿色为下拉项鼠标悬浮样式

---

QComboBox::drop-down {
subcontrol-origin: padding;

subcontrol-position: top right;

width: 30px;

border-left-width: 0px;

border-left-color: gray;

border-left-style: solid;

border-top-right-radius: 3px;

border-bottom-right-radius: 3px;

}

//下面是下拉按钮正常的背景图片。

QComboBox::down-arrow {
image: url(:/images/Login_Ui/drop_down.png);

}

//下面是下拉按钮鼠标放上去的背景图片。
QComboBox::down-arrow:hover {
image: url(:/images/Login_Ui/drop_down_hover.png);

}

//下面是下拉按钮鼠标按下去的背景图片。
QComboBox::down-arrow:pressed {
border-image: url(:/images/Login_Ui/drop_down_pressed.png);

}

最终效果图：

正常：

鼠标浮动：

按下：

==========QCombobox 去除下拉箭头边框

QComboBox::drop-down { border:0px;}
QComboBox::down-arrow {
image: url(:/images/ImageResources/down_arrow.png); height:8px;width:16px;
}