Qt样式表（QComboBox下拉框）                            Qt样式表（QComboBox下拉框）
QSS样式表
/* 未下拉时，QComboBox的样式 */
QComboBox {
border: 1px solid gray;  /* 边框 */
border-radius: 3px;  /* 圆⾓ */
padding: 1px 18px 1px 3px;  /* 字体填衬 */
color: #000;
font: normal normal 15px "Microsoft YaHei";
background: transparent;
}
/
borderbox* 下拉后，整个下拉窗体样式 */
QComboBox QAbstractItemView {
outline: 0px solid gray;  /* 选定项的虚框 */
border: 1px solid yellow;  /* 整个下拉窗体的边框 */
color: green;
background-color: red;  /* 整个下拉窗体的背景⾊ */
selection-background-color: lightgreen;  /* 整个下拉窗体被选中项的背景⾊ */
}
/* 下拉后，整个下拉窗体每项的样式 */
QComboBox QAbstractItemView::item {
height: 50px;  /* 项的⾼度（设置pComboBox->setView(new QListView())；后，该项才起作⽤） */
}
/* 下拉后，整个下拉窗体越过每项的样式 */
QComboBox QAbstractItemView::item:hover {
color: #FFFFFF;
background-color: lightgreen;  /* 整个下拉窗体越过每项的背景⾊ */
}
/* 下拉后，整个下拉窗体被选择的每项的样式 */
QComboBox QAbstractItemView::item:selected {
color: #FFFFFF;
background-color: lightgreen;
}
/
* QComboBox中的垂直滚动条 */
QComboBox QAbstractScrollArea QScrollBar:vertical {
width: 10px;
background-color: #d0d2d4;  /* 空⽩区域的背景⾊*/
}
QComboBox QAbstractScrollArea QScrollBar::handle:vertical {
border-radius: 5px;  /* 圆⾓ */
background: rgb(160,160,160);  /* ⼩⽅块的背景⾊深灰lightblue */
}
QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {
background: rgb(90, 91, 93);  /* 越过⼩⽅块的背景⾊yellow */
}
/* 设置为可编辑（setEditable(true)）editable时，编辑区域的样式 */
QComboBox:editable {
background: green;
}
/* 设置为⾮编辑（setEditable(false)）!editable时，整个QComboBox的样式 */
QComboBox:!editable {
QComboBox:!editable {
background: blue;
}
/* 设置为可编辑editable时，点击整个QComboBox的样式 */
QComboBox:editable:on {
background: green;
}
/* 设置为⾮编辑!editable时，点击整个QComboBox的样式 */
QComboBox:!editable:on {
background: blue;
}
/* 设置为可编辑editable时，下拉框的样式 */
QComboBox::drop-down:editable {
background: lightblue;
}
/
* 设置为可编辑editable时，点击下拉框的样式 */
QComboBox::drop-down:editable:on {
background: lightgreen;
}
/* 设置为⾮编辑!editable时，下拉框的样式 */
QComboBox::drop-down:!editable {
background: lightblue;
}
/* 设置为⾮编辑!editable时，点击下拉框的样式 */
QComboBox::drop-down:!editable:on {
background: lightgreen;
}
/* 点击QComboBox */
QComboBox:on {
}
/* 下拉框样式 */
QComboBox::drop-down {
subcontrol-origin: padding;  /* ⼦控件在⽗元素中的原点矩形。如果未指定此属性，则默认为padding。 */
subcontrol-position: top right;  /* 下拉框的位置（右上） */
width: 15px;  /* 下拉框的宽度 */
border-left-width: 1px;  /* 下拉框的左边界线宽度 */
border-left-color: darkgray;  /* 下拉框的左边界线颜⾊ */
border-left-style: solid;  /* 下拉框的左边界线为实线 */
border-top-right-radius: 3px;  /* 下拉框的右上边界线的圆⾓半径（应和整个QComboBox右上边界线的圆⾓半径⼀致） */
border-bottom-right-radius: 3px;  /* 同上 */
}
　/* 越过下拉框样式 */
　QComboBox::drop-down:hover {
  　background: yellow;
　}
/* 下拉箭头样式 */ QComboBox::down-arrow {  width: 15px; /* 下拉箭头的宽度（建议与下拉框drop-down的宽度⼀致） */  　background: transparent; /* 下拉箭  注意：
  QComboBox* pComboBox = new QComboBox(this);
  pComboBox->setView(new QListView());  //下拉列表项⾼才能⽣效
代码
//下拉框
//    QComboBox *combobox = new QComboBox(this);
ui->comboBox->addItem(tr("Circle"));
ui->comboBox->addItem(tr("Pology"));
QGridLayout *mainLayout = new QGridLayout(this);
mainLayout->addWidget(ui->comboBox,0,0);
qDebug() << "Now there are " << ui->comboBox->count() << "Items";    qDebug() << "The current item is" << ui->comboBox->currentText();
运⾏效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。