QComboBox样式设置-右侧按钮-下拉列表

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

你可能感兴趣的:(QT,qt)