改变下拉列表的样式

  1. // 1. 添加代理
  2. QStyledItemDelegate* styleItemDelegate = new QStyledItemDelegate();
  3. ui->comboBox->setItemDelegate(styleItemDelegate);
  5. // 2. qss样式
  6. QComboBox {
  7.     border: 1px solid rgb(208, 211, 211);    /* 边框 */
  8.     color: rgba(0, 0, 0, 255);               /* 字体颜色 */
  9.     background-color: rgb(241, 244, 244);    /* 背景色 */
  10. }
  11. QComboBox QAbstractItemView {
  12.     border: 1px solid darkgray;              /* 下拉列表边框 */
  13.     selection-background-color: lightgray;   /* 下拉列表选项选中的颜色 */
  14.     padding-top:2px;                         /* 下拉列表距顶端和底端的距离 */
  15.     padding-bottom:2px;
  16. }
  18. QComboBox QAbstractItemView::item{
  19.     height: 20px;                            /* 设置下拉列表选项的行高 */
  20. }
  1. QComboBox {
  2.     border: 1px solid #bebebe;
  3.     padding: 1px 18px 1px 3px;
  4.     font: normal normal 16px "Microsoft YaHei";
  5.     color: #555555;
  6.     background: transparent;
  7. }
  10. QComboBox:editable{
  11.     background: transparent;
  12. }
  14. QComboBox:!editable, QComboBox::drop-down:editable{
  15.     background: transparent;
  16. }
  18. QComboBox:!editable:on, QComboBox::drop-down:editable:on{
  19.     background: transparent;
  20. }
  22. QComboBox:!on{
  23. }
  25. QComboBox:on{ /* the popup opens */
  26.     color: #555555;
  27.     border-color: #327cc0;
  28.     background: transparent;
  29. }
  31. QComboBox::drop-down{
  32.     subcontrol-origin: padding;
  33.     subcontrol-position: top right;
  34.     width: 20px;
  35.     border-left-width: 1px;
  36.     border-left-color: darkgray;
  37. }
  39. QComboBox::down-arrow {
  40.     image: url(:/common/combobox_arrow);
  41. }
  43. QComboBox::down-arrow:on {
  44.     image: url(:/common/combobox_arrow_up);
  45. }
  47. QComboBox QAbstractItemView {
  48.     outline: 0; 
  49.     border: 1px solid #327cc0;
  50.     background-color: #F1F3F3;
  51.     font: normal normal 14px "Microsoft YaHei";
  52. }
  54. QComboBox QAbstractItemView::item {
  55.     height: 32px;
  56.     color: #555555;
  57.     background-color: transparent;
  58. }
  60. QComboBox QAbstractItemView::item:hover {
  61.     color: #FFFFFF;
  62.     background-color: #327cc0;
  63. }
  65. QComboBox QAbstractItemView::item:selected {
  66.     color: #FFFFFF;
  67.     background-color: #327cc0;
  68. }
  70. QComboBox QAbstractScrollArea QScrollBar:vertical {
  71.     background-color: #d0d2d4;
  72. }
  74. QComboBox QAbstractScrollArea QScrollBar::handle:vertical {
  75.     background: rgb(160,160,160);
  76. }
  78. QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {
  79.     background: rgb(90, 91, 93);
  80. }

注意：

  1.    QCombox *box = new QComboBox();
  2.    box->setView(new QListView());