QComboBox-优快云博客

这篇博客详细介绍了如何使用QSS语言为Qt中的QComboBox组件定制样式。内容涵盖了从整体背景、组合框本身、下拉箭头、展开状态到下拉菜单中选项的选中和悬停效果。通过这段代码，可以实现一种深色主题，包括颜色渐变、文字颜色和高度等细节设置，以提升UI界面的视觉体验。

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

ui->comboBox->setView(new QListView());

QString css=R"(
QWidget
{
background:qlineargradient(x1:0,y1:0,x2:1,y2:1,
stop:0 #777777,stop:1 #111111);
}

            QComboBox
            {
                 background:qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #555555,stop:0.5 #000000,stop:1 #555555);
                 color:green;
                 min-width:300px;
                 min-height:64px;
                 selection-background-color:#333366;
                 padding-right:4px;
            }
            QComboBox::down-arrow
            {
                 width:48px;
                 height:48px;
            }
            QComboBox:drop-down
            {
                 width:60px;
                 subcontrol-origin:padding;
                 subcontrol-position:right top;
            }
           QComboBox:on
           {
              left:2px;
               top:2px;
            }
           QComboBox QAbstractItemView::item
           {
               background:qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #444444,stop:0.5 #111111,stop:1 #444444);
               color:green;
               min-height:64px;
               margin:1px;
           }

           QComboBox QAbstractItemView::item:hover
           {
               background:qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #555599,stop:0.5 #555555,stop:1 #555599);
               color:#ffff00;
               min-height:64px;
               margin:1px;
           }

           QComboBox QAbstractItemView::item:!hover
           {
               background:qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #444444,stop:0.5 #111111,stop:1 #444444);
               color:#ff0000;
               min-height:64px;
               margin:1px;
           }

          QComboBox QScrollBar
         {
             background:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #55555,stop:1 #aaaaaa);
         } 
  )";