您的位置:首页 > 编程语言 > Qt开发

QT之qss教程-QComboBox

2017-11-07 10:56 701 查看
QComboBox {
/* 边框宽度,线条样式,颜色 */
border:3px solid red;

/* 倒角 */
border-radius:8px;

/* 内边框 */
padding:1px 18px 1px 3px;

min-width:100px;
}

QComboBox:editable {
background:green;
}

/* 渐变色:从左到右,黑白渐变 */
QComboBox:!editable,QComboBox::drop-down:editable {
background:qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop:0 rgb(0,0,0), stop:1 rgb(255,255,255));
}

/* 当下拉框打开时,背景颜色渐变 */
QComboBox:!editable:on, QComboBox::drop-down:editable:on {
background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
stop: 0 #D3D3D3, stop: 0.4 #D8D8D8,
stop: 0.5 #DDDDDD, stop: 1.0 #BBBBBB);
}

/* 当下拉框打开时, 移动显示框文本位置*/
QComboBox:on {
padding-top: 3px;
padding-left: 4px;
}

/* 下拉按钮 */
QComboBox::drop-down {
subcontrol-origin: padding;

/* 按钮位置,右上角 */
subcontrol-position: top right;

/* 按钮宽度 */
width: 25px;

/* 一条边框线控制 */
border-left-width: 3px;
border-left-color: red;
border-left-style: solid;

/* 倒角 */
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

/* 下拉按钮图片 */
QComboBox::down-arrow {
border-image: url(:/images/02.bmp);
}

/* 下拉按钮位移 */
QComboBox::down-arrow:on {
top: 1px;
left: 1px;
}

/* 下拉列表里的颜色 */
QComboBox QAbstractItemView {
border: 2px solid darkgray;
selection-background-color: green;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  linux QT QSS