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; }
相关文章推荐
- QT之qss教程-QLineEdit
- QT之qss教程- QPushButton
- QT之qss教程-QGroupBox
- QT之qss教程-qss文件使用方法
- 【QT】QT从零入门教程(九):QT常用控件 [QSlider、QSpinBox、QComboBox、QRadioButton]
- QT之qss教程-QToolButton
- QT之qss教程- QRadioButton
- QT之qss教程-QSlider
- QT之qss教程-QToolBox
- QT之qss教程-QTreeView
- QT之qss教程- QCheckBox
- QT之qss教程-QTabWidget
- QT之qss教程-QListView
- 自学QT之QSS皮肤美化教程
- QT之qss教程-QMenuBar
- QT之qss教程-QDockWidget
- 自学QT之qss教程
- QT之qss教程-QProgressBar
- QT之qss教程-QTableView
- QT - qss(二)组合框QComboBox的定制