要设置 QComboBox
下拉列表项的悬浮字体颜色,您可以使用 QAbstractItemView::item:selected
选择器。这将允许您定义当选项被选中时的样式,包括字体颜色和背景颜色。以下是如何修改您的样式表来实现这一点:
QString comboBoxStyle = QString(
"QComboBox {"
" border: 1px solid rgb(102, 138, 222);" // 边框颜色
" border-radius: 4px;" // 边框圆角
" padding: 5px;" // 内边距
" background-color: white;" // 背景颜色
"}"
"QComboBox::drop-down {"
" subcontrol-origin: padding;"
" subcontrol-position: right center;" // 下拉箭头位置
" width: 20px;" // 下拉箭头宽度
" border-left: 1px solid rgb(102, 138, 222);" // 下拉箭头左侧边框
"}"
"QComboBox::down-arrow {"
" image: url(:/path/to/arrow.png);" // 自定义下拉箭头图标(可选)
"}"
"QComboBox QAbstractItemView {"
" background-color: white;" // 下拉列表背景颜色
" selection-background-color: #f5f7fa;" // 选项悬浮背景颜色
"}"
// 设置每一项的普通状态和悬浮状态的样式
"QComboBox QAbstractItemView::item {"
" height: 28px;" // 每一项固定高度
" padding-top: 10px;" // 顶部内边距
" padding-left: 50px;"
" padding-bottom: 10px;" // 底部内边距
" margin-bottom: 5px;" // 增加每个项目底部的间隔
"}"
// 设置悬浮时的字体颜色和背景色
"QComboBox QAbstractItemView::item:selected {"
" color: #409eff; // 悬浮时字体颜色(例如蓝色)
" background-color: #f5f7fa; // 悬浮时背景色(例如浅灰色)
"} "
);
样式表更新说明
QAbstractItemView::item:selected
:此选择器用于指定当某个列表项被选中或悬停时的样式。- 在这个部分,您可以设置
color
属性以改变文字颜色,使用background-color
属性来改变背景。
通过这样的方式,当用户将鼠标移动到下拉列表中的某一项上时,文字及其背景会根据您设定的新样式进行变化,从而提升用户体验。
内容由零声教学AI助手提供,问题来源于学员提问