QComboBox样式

zerolity

于 2019-10-11 20:42:02 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Qt 文章标签： QComBox stylesheet CSS 样式下拉列表

本文链接：https://blog.youkuaiyun.com/zerolity/article/details/102509432

Qt 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用Qt的stylesheet功能和CSS语法来定制QComboBox的外观，包括下拉列表的样式，以实现独特的用户界面效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述、

/*盒子*/
QComboBox {
	border: 1px solid dimgray;
	border-radius: 4px;
	min-width: 6px;
	selection-color:dimgrey;//下拉未打开时，显示文本的颜色
	}
/*箭头区域（位于盒子右边）*/
QComboBox::drop-down {
	width: 40px;
	border-width: 0px;
	}
/*箭头（位于箭头区域）*/
QComboBox::down-arrow {
	image: url(:/arrow_down.png);
	height:30px;
	width:30px;
	} 
/*设置下拉打开的窗体样式，但是代码中得设置ui->comboBox->setView(new QListView())才能生效*/
/*然后就可以参照QAbstractItemView 的样式设置打开后的条目了，这里就没一一试验了*/
QComboBox QAbstractItemView {
	border: 0px solid darkgray;
	selection-background-color: lightgray;
	}
/*下拉打开时的条目，生效条件同上条*/
QComboBox QAbstractItemView::item {
	min-height: 50px;
	}	
/*下拉打开时，盒子里的样式（包括箭头区域）*/
QComboBox:on {
padding-top: 3px;
padding-left: 10px;
}