1. 设置下拉列表
ui.comboBox->setView(new QListView());
2.设置样式
QString style;
调用 ui.comboBox->setStyleSheet(style)
style为下边的内容:
//QComboBox的样式
QComboBox
{
border:none;
background:#ff0000;
color:#ffffff;
padding-left:3px;
}
//QComboBox右侧下拉按钮的样式
QComboBox::drop-down
{
subcontrol-origin: padding;
subcontrol-position: center right;
width: 30px;
border:none;
}
//QComboBox右侧下拉按钮的样式,鼠标悬停与按下
QComboBox::drop-down:hover,
QComboBox::drop-down:pressed
{
background:#00ff00;
}
//QComboBox右侧下拉按钮上面的箭头样式
QComboBox::down-arrow
{
image: url(./arrow1.png);//替换自己的图片
}
//QComboBox下方的下拉列表显示的时候,右侧下拉按钮上面的箭头样式
QComboBox::down-arrow:on
{
image: url(./arrow2.png);//替换自己的图片
}
QListView
{
border:none;//整个下拉列表的外边框
outline:0px;//去掉每一项选中时的虚线框
}
//下方下拉列表项的样式
QListView::item
{
padding-left:3px;
background:#ff0000;
color:#ffffff;
}
//下方下拉列表项选中的样式
QListView::item:selected
{
color:#000000;
background:#0000ff;
}
//下方下拉列表项鼠标悬停的样式
QListView::item:hover
{
color:#000000;
background:#00ff00;
}