QComboBox相关的qss学习

QT有关QCobobox控件的样式设置（圆角、下拉框，向上展开、可编辑、内部布局等）_qcombobox样式-CSDN博客

原始图：

红色边框：

QComboBox{
border:2px solid rgb(255, 85, 0);
}

绿色背景：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
}

圆角矩形：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
}

左侧padding:

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:80px;
}

右侧padding:

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:100px;
padding-right:90px;
}

右侧按钮宽度：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:10px;
}

QComboBox::drop-down{
width:60px;
}

按钮位置：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:10px;
}

QComboBox::drop-down{
width:60px;
subcontrol-position: left;
}

右侧按钮的图标：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:10px;
}

QComboBox::drop-down{
width:40px;
subcontrol-position: right;
}

QComboBox::down-arrow{
border-image: url(:/下拉按钮.png);
}

下拉窗体的红色边框：

QComboBox{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
padding-left:10px;
}

QComboBox::drop-down{
width:40px;
subcontrol-position: right;
}

QComboBox::down-arrow{
border-image: url(:/下拉按钮.png);
}
QComboBox QAbstractItemView{
border:2px solid rgb(255, 85, 0);
}

下拉窗体的绿色背景：

QComboBox QAbstractItemView{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
}

下拉窗体的圆角矩形：

无法实现：

QComboBox QAbstractItemView{
border:2px solid rgb(255, 85, 0);
background-color: rgb(0, 255, 0);
border-radius:15px;
}

下面的内容学习自这篇文章： 

（感谢作者）

QComboBox样式设
置——Qt_qcombobox::drop-down-CSDN博客

右侧图标：

QComboBox{
  color:#666666;
  font-size:14px;
  padding: 1px 15px 1px 3px;
  border:1px solid rgba(228,228,228,1);
  border-radius:5px 5px 0px 0px;
} 
QComboBox::drop-down {
      subcontrol-origin: padding;
      subcontrol-position: top right;
      width: 140px;
      border:none;
}
QComboBox::down-arrow {
image: url(:/下拉按钮.png);
}

图标有点大！（因为是200*200的)

QComboBox{
  color:#666666;
  font-size:14px;
  padding: 1px 15px 1px 3px;
  border:1px solid rgba(228,228,228,1);
  border-radius:5px 5px 0px 0px;
} 
QComboBox::drop-down {
      subcontrol-origin: padding;
      subcontrol-position: top right;
      width: 30px;
      border:none;
}
QComboBox::down-arrow {
image: url(:/下拉按钮 (1).png);
}

这个图标比较合适，32*32的!

进一步美化（字体）：

QComboBox{
  color:#666666;
  padding: 1px 15px 1px 3px;
  border:2px solid rgba(228,228,228,1);
  border-radius:10px 10px 10px 10px;
  font: 75 11pt "Arial";
} 
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 50px;
border:none;
}
QComboBox::down-arrow {
image: url(:/下拉按钮 (2).png);
}

再进一步优化（下拉框部分）：

QComboBox{
  color:#666666;
  padding: 1px 15px 1px 3px;
  border:2px solid rgba(228,228,228,1);
  border-radius:10px 10px 10px 10px;
  font: 75 11pt "Arial";
  padding-left:9px;
} 
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 50px;
border:none;
}
QComboBox::down-arrow {
image: url(:/下拉按钮 (2).png);
}
QComboBox QAbstractItemView{
	background:rgba(255,255,255,1);
    border:1px solid rgba(228,228,228,1);
    border-radius:0px 0px 5px 5px;
    font: 75 11pt "Arial";
    outline: 0px; 
  }
QComboBox QAbstractItemView::item{
	height:36px;
	color:#666666;
	padding-left:9px;
	background-color:#FFFFFF;
}

QComboBox QAbstractItemView::item:hover{
  background-color:#409CE1;
  color:#ffffff;
}
QComboBox QAbstractItemView::item:selected{
  background-color:#409CE1;
  color:#ffffff;
}

必须添上这句：
ui->comboBox_2->setView(new QListView());