ZBLOG

QString comboBoxStyle = QString( "QComboBox {" " border: 1px solid rgb(102, 138, 222);" // 边框颜色 " border-radius: 4px;" // 边框圆角 " padding: 5px;" // 内边距 " ...

要设置 QComboBox 下拉列表项的悬浮字体颜色,您可以使用 QAbstractItemView::item:selected 选择器。这将允许您定义当选项被选中时的样式,包括字体颜色和背景颜色。以下是如何修改您的样式表来实现这一点:

  1. QString comboBoxStyle = QString(
  2. "QComboBox {"
  3. " border: 1px solid rgb(102, 138, 222);" // 边框颜色
  4. " border-radius: 4px;" // 边框圆角
  5. " padding: 5px;" // 内边距
  6. " background-color: white;" // 背景颜色
  7. "}"
  8. "QComboBox::drop-down {"
  9. " subcontrol-origin: padding;"
  10. " subcontrol-position: right center;" // 下拉箭头位置
  11. " width: 20px;" // 下拉箭头宽度
  12. " border-left: 1px solid rgb(102, 138, 222);" // 下拉箭头左侧边框
  13. "}"
  14. "QComboBox::down-arrow {"
  15. " image: url(:/path/to/arrow.png);" // 自定义下拉箭头图标(可选)
  16. "}"
  17. "QComboBox QAbstractItemView {"
  18. " background-color: white;" // 下拉列表背景颜色
  19. " selection-background-color: #f5f7fa;" // 选项悬浮背景颜色
  20. "}"
  21. // 设置每一项的普通状态和悬浮状态的样式
  22. "QComboBox QAbstractItemView::item {"
  23. " height: 28px;" // 每一项固定高度
  24. " padding-top: 10px;" // 顶部内边距
  25. " padding-left: 50px;"
  26. " padding-bottom: 10px;" // 底部内边距
  27. " margin-bottom: 5px;" // 增加每个项目底部的间隔
  28. "}"
  29. // 设置悬浮时的字体颜色和背景色
  30. "QComboBox QAbstractItemView::item:selected {"
  31. " color: #409eff; // 悬浮时字体颜色(例如蓝色)
  32. " background-color: #f5f7fa; // 悬浮时背景色(例如浅灰色)
  33. "} "
  34. );

样式表更新说明

  • QAbstractItemView::item:selected:此选择器用于指定当某个列表项被选中或悬停时的样式。
  • 在这个部分,您可以设置 color 属性以改变文字颜色,使用 background-color 属性来改变背景。

通过这样的方式,当用户将鼠标移动到下拉列表中的某一项上时,文字及其背景会根据您设定的新样式进行变化,从而提升用户体验。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=22190

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?