QPushButton和QToolButton是Qt中常用的按钮控件淫色，不错通过添加qss方式表来自界说按钮的外不雅。以下是一些常用的qss方式：

1.修改按钮的配景情态和翰墨情态：

QPushButton {    background-color: #4682b4;    color: white;}

2.修改按钮的边框方式和边框情态：

QPushButton {    border-style: solid;    border-width: 2px;    border-color: #4682b4;}

3.修改按钮的鼠标悬停情状下的方式：

QPushButton:hover {    background-color: #87ceeb;}

4.修改按钮的按下情状下的方式：

QPushButton:pressed {    background-color: #1e90ff;}

5.修改按钮的禁用情状下的方式：

QPushButton:disabled {    background-color: #dcdcdc;    color: #808080;}

6.修改按钮的圆角角度：

QPushButton {    border-radius: 10px;}

通过添加这些qss方式，不错赶走自界说的QPushButton外不雅后果。

QCheckBox和QRadioButton的常用qss方式有：

1.配置选中庸未选中情状下的配景情态：

QCheckBox:checked {    background-color: #00FF00;}QCheckBox:unchecked {    background-color: #FFFFFF;}

2.配置选中庸未选中情状下的边框情态：

QCheckBox:checked {    border: 1px solid #00FF00;}QCheckBox:unchecked {    border: 1px solid #000000;}

3.配置选中庸未选中情状下的翰墨情态：

QCheckBox:checked {    color: #00FF00;}QCheckBox:unchecked {    color: #000000;}

4.配置选中庸未选中情状下的图标：

QCheckBox::indicator:checked {    image: url(checked.png);}QCheckBox::indicator:unchecked {    image: url(unchecked.png);}

其中，checked.png和unchecked.png是图片淫色文献的旅途，不错把柄骨子情况进行替换。

1.配置选中庸未选中情状下的大小：

QCheckBox {    width: 20px;    height: 20px;}

不错把柄骨子情况调整大小。

这些是QCheckBox和QRadioButton常用的qss方式，你不错把柄我方的需求进行修改和膨胀。

暂时未使用过该组件。

底下是一些常用的QComboBox的qss方式：

/* 配置下拉箭头按钮的方式 */QComboBox::drop-down {    border: none;    width: 20px;}/* 配置下拉箭头按钮的图标 */QComboBox::down-arrow {    image: url(:/images/down_arrow.png);}/* 配置下拉箭头按钮的大小 */QComboBox::down-arrow {    width: 10px;    height: 10px;}/* 配置下拉列表的方式 */QComboBox::menu {    background-color: white;    border: 1px solid #ccc;    padding: 5px;    width: 150px;}/* 配置下拉列表中的表情方式 */QComboBox::item {    padding: 5px;}/* 配置下拉列表中的选中表情方式 */QComboBox::item:selected {    background-color: #ccc;}/* 配置下拉列表的搬动条方式 */QComboBox::menu QScrollBar {    width: 10px;    background-color: #eee;}/* 配置下拉列表的搬动条滑块方式 */QComboBox::menu QScrollBar::handle {    background: #ccc;    min-height: 20px;}/* 配置下拉列表的搬动条箭头方式 */QComboBox::menu QScrollBar::add-line，QComboBox::menu QScrollBar::sub-line {    height: 10px;    background: #ccc;}/* 配置下拉列表的搬动条箭头图标方式 */QComboBox::menu QScrollBar::add-line:vertical {    subcontrol-position: bottom;    subcontrol-origin: margin;    image: url(:/images/scroll_down.png);}QComboBox::menu QScrollBar::sub-line:vertical {    subcontrol-position: top;    subcontrol-origin: margin;    image: url(:/images/scroll_up.png);}/* 配置下拉列表的搬动条滑块鼠标悬停方式 */QComboBox::menu QScrollBar::handle:hover {    background: #aaa;}/* 配置下拉列表的搬动条滑块鼠标按下方式 */QComboBox::menu QScrollBar::handle:pressed {    background: #888;}
图片

从容：上头的方式中:/images/down_arrow.png和:/images/scroll_down.png，:/images/scroll_up.png是图片资源的旅途，不错把柄我方的骨子情况进行修改。同期，你也不错把柄我方的需求进行方式的修改和调整。

底下是一个常用的QFontComboBox的qss方式：

/* 配置字体下拉框的边框方式 */QFontComboBox {    border: 1px solid #ccc;    padding: 3px;}/* 配置字体下拉框的下拉箭头按钮方式 */QFontComboBox::down-arrow {    image: url(:/images/down_arrow.png);    width: 10px;    height: 10px;}/* 配置字体下拉框的下拉列表方式 */QFontComboBox::drop-down {    subcontrol-origin: padding;    subcontrol-position: top right;    width: 15px;    border-left-width: 1px;    border-left-color: #ccc;    border-left-style: solid;    padding-left: 2px;    padding-top: 1px;}/* 配置字体下拉框的下拉列表背满足 */QFontComboBox::down-arrow {    background-color: white;}/* 配置字体下拉框的下拉列表中的表情方式 */QFontComboBox QAbstractItemView::item {    padding: 2px;}/* 配置字体下拉框的下拉列表中的选中表情方式 */QFontComboBox QAbstractItemView::item:selected {    background-color: #ccc;}/* 配置字体下拉框的下拉列表的搬动条方式 */QFontComboBox QAbstractItemView::scrollbar {    width: 10px;    background-color: #eee;}/* 配置字体下拉框的下拉列表的搬动条滑块方式 */QFontComboBox QAbstractItemView::scrollbar:handle {    background: #ccc;    min-height: 20px;}/* 配置字体下拉框的下拉列表的搬动条箭头方式 */QFontComboBox QAbstractItemView::scrollbar:add-line，QFontComboBox QAbstractItemView::scrollbar:sub-line {    height: 10px;    background: #ccc;}/* 配置字体下拉框的下拉列表的搬动条箭头图标方式 */QFontComboBox QAbstractItemView::scrollbar:add-line:vertical {    subcontrol-position: bottom;    subcontrol-origin: margin;    image: url(:/images/scroll_down.png);}QFontComboBox QAbstractItemView::scrollbar:sub-line:vertical {    subcontrol-position: top;    subcontrol-origin: margin;    image: url(:/images/scroll_up.png);}/* 配置字体下拉框的下拉列表的搬动条滑块鼠标悬停方式 */QFontComboBox QAbstractItemView::scrollbar:handle:hover {    background: #aaa;}/* 配置字体下拉框的下拉列表的搬动条滑块鼠标按下方式 */QFontComboBox QAbstractItemView::scrollbar:handle:pressed {    background: #888;}

从容：上头的方式中:/images/down_arrow.png、:/images/scroll_down.png和:/images/scroll_up.png是图片资源的旅途，不错把柄我方的骨子情况进行修改。同期，你也不错把柄我方的需求进行方式的修改和调整。

底下是一些常用的QLineEdit的QSS方式：

/* 配置 QLineEdit的边框方式 */QLineEdit {    border: 1px solid #ccc;    padding: 2px;}/* 配置 QLineEdit的焦点边框方式 */QLineEdit:focus {    border: 1px solid blue;}/* 配置 QLineEdit的背满足 */QLineEdit {    background-color: #fff;}/* 配置 QLineEdit的文本内容的情态 */QLineEdit {    color: #000;}/* 配置 QLineEdit的圆角边框方式 */QLineEdit {    border-radius: 5px;}/* 配置 QLineEdit的教唆文本情态 */QLineEdit::placeholder {    color: #aaa;}/* 配置 QLineEdit的断根按钮方式 */QLineEdit {    padding-right: 20px;}/* 配置 QLineEdit的断根按钮图标方式 */QLineEdit::clear-button {    image: url(:/images/clear.png);    width: 12px;    height: 12px;    subcontrol-origin: padding;    subcontrol-position: right;    right: 5px;}/* 配置 QLineEdit的下拉按钮方式 */QLineEdit {    padding-right: 20px;}/* 配置 QLineEdit的下拉按钮图标方式 */QLineEdit::drop-down {    image: url(:/images/down_arrow.png);    width: 12px;    height: 12px;    subcontrol-origin: padding;    subcontrol-position: right;    right: 5px;}
图片

从容：上头的方式中:/images/clear.png和:/images/down_arrow.png是图片资源的旅途，不错把柄我方的骨子情况进行修改。同期，你也不错把柄我方的需求进行方式的修改和调整。

底下是一些常用的QPlainTextEdit的QSS方式：

/* 配置 QPlainTextEdit的边框方式 */QPlainTextEdit {    border: 1px solid #ccc;    padding: 2px;}/* 配置 QPlainTextEdit的焦点边框方式 */QPlainTextEdit:focus {    border: 1px solid blue;}/* 配置 QPlainTextEdit的背满足 */QPlainTextEdit {    background-color: #fff;}/* 配置 QPlainTextEdit的文本内容的情态 */QPlainTextEdit {    color: #000;}/* 配置 QPlainTextEdit的圆角边框方式 */QPlainTextEdit {    border-radius: 5px;}/* 配置 QPlainTextEdit的搬动条方式 */QPlainTextEdit::verticalScrollBar {    width: 10px;    background-color: #eee;}QPlainTextEdit::verticalScrollBar::handle {    background-color: #ccc;}QPlainTextEdit::verticalScrollBar::add-page，QPlainTextEdit::verticalScrollBar::sub-page {    background: none;}/* 配置 QPlainTextEdit的搬动条宽度方式 */QPlainTextEdit {    scrollbar-width: thin;}/* 配置 QPlainTextEdit的选华文本的背满足 */QPlainTextEdit::selection {    background-color: blue;    color: white;}/* 配置 QPlainTextEdit的行号方式 */QPlainTextEdit QWidget#qt_scrollarea_viewport {    background-color: #eee;}QPlainTextEdit QScrollBar:vertical {    width: 15px;}QPlainTextEdit QScrollBar::handle:vertical {    background-color: #ccc;}QPlainTextEdit QScrollBar::add-page:vertical，QPlainTextEdit QScrollBar::sub-page:vertical {    background: none;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整淫色，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QSpinBox的QSS方式：

/* 配置 QSpinBox的边框方式 */QSpinBox {    border: 1px solid #ccc;    padding: 2px;}/* 配置 QSpinBox的焦点边框方式 */QSpinBox:focus {    border: 1px solid blue;}/* 配置 QSpinBox的背满足 */QSpinBox {    background-color: #fff;}/* 配置 QSpinBox的文本内容的情态 */QSpinBox {    color: #000;}/* 配置 QSpinBox的圆角边框方式 */QSpinBox {    border-radius: 5px;}/* 配置 QSpinBox的高低诊疗按钮方式 */QSpinBox::up-button，QSpinBox::down-button {    width: 30px;    height: 20px;    border: none;    background-color: #ccc;}QSpinBox::up-button:hover，QSpinBox::down-button:hover {    background-color: #aaa;}/* 配置 QSpinBox的高低诊疗按钮箭头的情态 */QSpinBox::up-arrow，QSpinBox::down-arrow {    image: url(:/icons/arrow.png);    width: 10px;    height: 10px;}/* 配置 QSpinBox的高低诊疗按钮箭头的情态 */QSpinBox::up-arrow {    subcontrol-origin: border;    subcontrol-position: top right;}QSpinBox::down-arrow {    subcontrol-origin: border;    subcontrol-position: bottom right;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

QDoubleSpinBox与QSpinBox的使用方式近似。

底下是一些常用的QDateEdit的QSS方式：

/* 配置 QDateEdit的边框方式 */QDateEdit {    border: 1px solid #ccc;    padding: 2px;}/* 配置 QDateEdit的焦点边框方式 */QDateEdit:focus {    border: 1px solid blue;}/* 配置 QDateEdit的背满足 */QDateEdit {    background-color: #fff;}/* 配置 QDateEdit的文本内容的情态 */QDateEdit {    color: #000;}/* 配置 QDateEdit的圆角边框方式 */QDateEdit {    border-radius: 5px;}/* 配置 QDateEdit的下拉按钮方式 */QDateEdit::drop-down {    width: 20px;    height: 20px;    border: none;}QDateEdit::drop-down:hover {    background-color: #ccc;}/* 配置 QDateEdit的下拉按钮箭头方式 */QDateEdit::down-arrow {    image: url(:/icons/arrow.png);    width: 10px;    height: 10px;}/* 配置 QDateEdit的日期弹出窗口方式 */QDateEdit QCalendarWidget {    background-color: #fff;    color: #000;}/* 配置 QDateEdit的日期弹出窗口中选中日期的背满足 */QDateEdit QCalendarWidget QTableView::item:selected {    background-color: blue;    color: #fff;}/* 配置 QDateEdit的日期弹出窗口中刻下日期的背满足 */QDateEdit QCalendarWidget QTableView::item:alternate:selected {    background-color: #eee;}/* 配置 QDateEdit的日期弹出窗口中鼠标悬停的日期背满足 */QDateEdit QCalendarWidget QTableView::item:hover {    background-color: #ccc;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

QTimeEdit、QDateTimeEdit的使用方式与QDateEdit近似。

底下是一些常用的QDial的QSS方式：

/* 配置 QDial的大小和边框方式 */QDial {    width: 100px;    height: 100px;    border: 1px solid #ccc;}/* 配置 QDial的背满足 */QDial {    background-color: #fff;}/* 配置 QDial的刻度情态 */QDial::groove {    background-color: #ccc;}/* 配置 QDial的刻度指引器方式 */QDial::handle {    background-color: blue;    border-radius: 15px;    width: 30px;    height: 30px;    margin: -5px;}/* 配置 QDial的刻度文本方式 */QDial::sub-page {    background-color: transparent;}/* 配置 QDial的文本情态 */QDial {    color: #000;}/* 配置 QDial的刻度情态 */QDial::tick {    background-color: #000;}/* 配置 QDial的刻度文本方式 */QDial::tick-label {    color: #000;}/* 配置 QDial的焦点边框方式 */QDial:focus {    border: 1px solid blue;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QScrollBar的QSS方式：

/* 配置垂直的QScrollBar的宽度和背满足 */QScrollBar:vertical {    width: 15px;    background-color: #eee;}/* 配置水平的QScrollBar的高度和背满足 */QScrollBar:horizontal {    height: 15px;    background-color: #eee;}/* 配置QScrollBar的滑块方式 */QScrollBar::handle {    background-color: #ccc;}/* 配置QScrollBar的滑块悬停方式 */QScrollBar::handle:hover {    background-color: #aaa;}/* 配置QScrollBar的滑块按下方式 */QScrollBar::handle:pressed {    background-color: #888;}/* 配置QScrollBar的滑块圆角 */QScrollBar::handle {    border-radius: 7px;}/* 配置QScrollBar的滑块边框方式 */QScrollBar::handle {    border: none;}/* 配置QScrollBar的滑块暗影方式 */QScrollBar::handle {    box-shadow: none;}/* 配置QScrollBar的高低（傍边）箭头按钮方式 */QScrollBar::add-line， QScrollBar::sub-line {    background-color: transparent;    border: none;}/* 配置QScrollBar的高低（傍边）箭头图标方式 */QScrollBar::add-line:vertical， QScrollBar::sub-line:vertical {    border-image: url(add.png) 0 0 0 0 stretch stretch;}/* 配置QScrollBar的高低（傍边）箭头图标方式 */QScrollBar::add-line:horizontal， QScrollBar::sub-line:horizontal {    border-image: url(add.png) 0 0 0 0 stretch stretch;}/* 配置QScrollBar的高低（傍边）箭头悬停方式 */QScrollBar::add-line:vertical:hover， QScrollBar::sub-line:vertical:hover {    background-color: #ddd;}/* 配置QScrollBar的高低（傍边）箭头按下方式 */QScrollBar::add-line:vertical:pressed， QScrollBar::sub-line:vertical:pressed {    background-color: #bbb;}/* 配置QScrollBar的高低（傍边）箭头图标旋转角度 */QScrollBar::add-line:vertical {    subcontrol-position: bottom;    subcontrol-origin: margin;    transform: rotate(180deg);}/* 配置QScrollBar的高低（傍边）箭头图标旋转角度 */QScrollBar::add-line:horizontal {    subcontrol-position: right;    subcontrol-origin: margin;    transform: rotate(90deg);}/* 配置QScrollBar的高低（傍边）箭头图标旋转角度 */QScrollBar::sub-line:horizontal {    subcontrol-position: left;    subcontrol-origin: margin;    transform: rotate(90deg);}/* 配置QScrollBar的滑块悬停方式 */QScrollBar::sub-line:horizontal:hover {    background-color: #ddd;}/* 配置QScrollBar的滑块按下方式 */QScrollBar::sub-line:horizontal:pressed {    background-color: #bbb;}/* 配置QScrollBar的高低（傍边）箭头按钮方式 */QScrollBar::add-page， QScrollBar::sub-page {    background-color: transparent;}/* 配置QScrollBar的悬停区域方式 */QScrollBar::add-page， QScrollBar::sub-page {    background-color: #fff;}/* 配置QScrollBar的滑块和悬停区域之间的终止大小 */QScrollBar::add-page， QScrollBar::sub-page {    margin: 2px;}/* 配置QScrollBar的悬停区域圆角 */QScrollBar::add-page， QScrollBar::sub-page {    border-radius: 7px;}/* 配置QScrollBar的悬停区域边框方式 */QScrollBar::add-page， QScrollBar::sub-page {    border: none;}/* 配置QScrollBar的悬停区域暗影方式 */QScrollBar::add-page， QScrollBar::sub-page {    box-shadow: none;}/* 配置QScrollBar的滑块悬停方式 */QScrollBar::add-page:vertical:hover， QScrollBar::sub-page:vertical:hover {    background-color: #ddd;}/* 配置QScrollBar的滑块按下方式 */QScrollBar::add-page:vertical:pressed， QScrollBar::sub-page:vertical:pressed {    background-color: #bbb;}/* 配置QScrollBar的滑块悬停方式 */QScrollBar::add-page:horizontal:hover， QScrollBar::sub-page:horizontal:hover {    background-color: #ddd;}/* 配置QScrollBar的滑块按下方式 */QScrollBar::add-page:horizontal:pressed， QScrollBar::sub-page:horizontal:pressed {    background-color: #bbb;}/* 配置QScrollBar的横向滑动条的标记线方式 */QScrollBar::add-line:horizontal， QScrollBar::sub-line:horizontal {    background-color: transparent;    border: none;}/* 配置QScrollBar的横向滑动条的标记线方式 */QScrollBar::add-line:horizontal {    subcontrol-position: bottom;    subcontrol-origin: margin;    transform: rotate(90deg);}/* 配置QScrollBar的横向滑动条的标记线方式 */QScrollBar::sub-line:horizontal {    subcontrol-position: top;    subcontrol-origin: margin;    transform: rotate(90deg);}/* 配置QScrollBar的横向滑动条的标记线悬停方式 */QScrollBar::add-line:horizontal:hover， QScrollBar::sub-line:horizontal:hover {    background-color: #ddd;}/* 配置QScrollBar的横向滑动条的标记线按下方式 */QScrollBar::add-line:horizontal:pressed， QScrollBar::sub-line:horizontal:pressed {    background-color: #bbb;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QSlider的QSS方式：

/* 配置横向QSlider的高度和背满足 */QSlider:horizontal {    height: 10px;    background-color: #eee;}/* 配置垂直QSlider的宽度和背满足 */QSlider:vertical {    width: 10px;    background-color: #eee;}/* 配置QSlider的滑块方式 */QSlider::handle {    background-color: #ccc;    width: 10px;    height: 10px;    margin: -5px 0;    border-radius: 5px;}/* 配置QSlider的滑块悬停方式 */QSlider::handle:hover {    background-color: #aaa;}/* 配置QSlider的滑块按下方式 */QSlider::handle:pressed {    background-color: #888;}/* 配置横向QSlider的轨谈方式 */QSlider::groove:horizontal {    height: 4px;    background-color: #ddd;}/* 配置垂直QSlider的轨谈方式 */QSlider::groove:vertical {    width: 4px;    background-color: #ddd;}/* 配置横向QSlider的滑动区域方式 */QSlider::sub-page:horizontal {    background-color: #aaa;}/* 配置垂直QSlider的滑动区域方式 */QSlider::sub-page:vertical {    background-color: #aaa;}/* 配置横向QSlider的非滑动区域方式 */QSlider::add-page:horizontal {    background-color: #ccc;}/* 配置垂直QSlider的非滑动区域方式 */QSlider::add-page:vertical {    background-color: #ccc;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

未使用未归来。

底下是一些常用的QLabel的QSS方式：

/* 配置QLabel的文本情态 */QLabel {    color: #333;}/* 配置QLabel的配景情态 */QLabel {    background-color: #eee;}/* 配置QLabel的边框方式 */QLabel {    border: 1px solid #ccc;}/* 配置QLabel的字体方式 */QLabel {    font-family: Arial;    font-size: 12px;    font-weight: bold;}/* 配置QLabel的对皆方式 */QLabel {    alignment: center;}/* 配置QLabel的文本溢出方式 */QLabel {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}/* 配置QLabel的鼠标悬停方式 */QLabel:hover {    background-color: #ccc;}/* 配置QLabel的鼠标按下方式 */QLabel:pressed {    background-color: #aaa;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QTextBrowser的QSS方式：

/* 配置QTextBrowser的配景情态 */QTextBrowser {    background-color: #eee;}/* 配置QTextBrowser的边框方式 */QTextBrowser {    border: 1px solid #ccc;}/* 配置QTextBrowser的搬动条方式 */QTextBrowser {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}/* 配置QTextBrowser的文本情态 */QTextBrowser {    color: #333;}/* 配置QTextBrowser的字体方式 */QTextBrowser {    font-family: Arial;    font-size: 12px;}/* 配置QTextBrowser中勾搭的情态 */QTextBrowser a {    color: blue;}/* 配置QTextBrowser中勾搭的悬停方式 */QTextBrowser a:hover {    text-decoration: underline;}/* 配置QTextBrowser中选华文本的配景情态 */QTextBrowser::selection {    background-color: #aaa;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

QGraphicsView、QCalendarWidget、QLCDNumber、QProgressBar、QOpenGLWidget和QQuickWidget

4.容器类组件 QGroupBox、QScrollArea、QToolBox、QTabWidget、QStackedWidget、QFrame、QWidget、QMdiArea、QDockWidget和QAxWidget

底下是一些常用的QListView的QSS方式：

/* 配置QListView的配景情态 */QListView {    background-color: #eee;}/* 配置QListView的边框方式 */QListView {    border: 1px solid #ccc;}/* 配置QListView的搬动条方式 */QListView {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}/* 配置QListView的item的方式 */QListView::item {    padding: 5px;}/* 配置QListView的item在悬停情状下的方式 */QListView::item:hover {    background-color: #ccc;}/* 配置QListView的item在选中情状下的方式 */QListView::item:selected {    background-color: #aaa;}/* 配置QListView的item在禁用情状下的方式 */QListView::item:disabled {    color: #ccc;}/* 配置QListView的item中的文本情态 */QListView::item {    color: #333;}/* 配置QListView的item中的字体方式 */QListView::item {    font-family: Arial;    font-size: 12px;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

QTreeView有部分使用与QListView近似，如上所示。

/* 配置QTreeView的树节点的张开/折叠按钮的方式 */QTreeView::branch {    image: none;    border-image: none;    padding: 0px;}/* 配置QTreeView的树节点的张开/折叠图标 */QTreeView::branch:has-siblings:!adjoins-item {    border-image: none;    image: url(:/icon/expand_arrow.png);}QTreeView::branch:has-siblings:adjoins-item {    border-image: none;    image: url(:/icon/collapse_arrow.png);}QTreeView::branch:!has-children:!has-siblings:adjoins-item {    border-image: none;    image: url(:/icon/expand_arrow.png);}QTreeView::branch:has-children:!has-siblings:closed，QTreeView::branch:closed:has-children:has-siblings {    border-image: none;    image: url(:/icon/collapse_arrow.png);}/* 配置QTreeView的树节点的张开/折叠图方针大小 */QTreeView::branch {    width: 12px;    height: 12px;}
图片

底下是一些常用的QTableView的QSS方式：

/* 配置QTableView的配景情态 */QTableView {    background-color: #eee;}/* 配置QTableView的边框方式 */QTableView {    border: 1px solid #ccc;}/* 配置QTableView的搬动条方式 */QTableView {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}/* 配置QTableView的表头方式 */QTableView::header {    background-color: #ccc;    color: #fff;    padding: 5px;}/* 配置QTableView的表格行的方式 */QTableView::item {    padding: 5px;}/* 配置QTableView的表格行在悬停情状下的方式 */QTableView::item:hover {    background-color: #ccc;}/* 配置QTableView的表格行在选中情状下的方式 */QTableView::item:selected {    background-color: #aaa;}/* 配置QTableView的表格行在禁用情状下的方式 */QTableView::item:disabled {    color: #ccc;}/* 配置QTableView的表格中的文本情态 */QTableView::item {    color: #333;}/* 配置QTableView的表格中的字体方式 */QTableView::item {    font-family: Arial;    font-size: 12px;}/* 配置QTableView的列宽可调整 */QTableView::handle {    background-color: #ccc;    border: 1px solid #ccc;    width: 3px;    margin: -1px 0;}/* 配置QTableView的拖拽时的边框方式 */QTableView::item:selected:active {    border: 1px solid #aaa;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QListWidget的QSS方式：

/* 配置QListWidget的配景情态 */QListWidget {    background-color: #eee;}/* 配置QListWidget的边框方式 */QListWidget {    border: 1px solid #ccc;}/* 配置QListWidget的搬动条方式 */QListWidget {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}/* 配置QListWidget的列表项方式 */QListWidget::item {    background-color: #fff;    padding: 5px;}/* 配置QListWidget的列表项在悬停情状下的方式 */QListWidget::item:hover {    background-color: #ccc;}/* 配置QListWidget的列表项在选中情状下的方式 */QListWidget::item:selected {    background-color: #aaa;    color: #fff;}/* 配置QListWidget的列表项在禁用情状下的方式 */QListWidget::item:disabled {    color: #ccc;}/* 配置QListWidget的列表项中的文本情态 */QListWidget::item {    color: #333;}/* 配置QListWidget的列表项中的字体方式 */QListWidget::item {    font-family: Arial;    font-size: 12px;}/* 配置QListWidget的拖拽时的边框方式 */QListWidget::item:selected:active {    border: 1px solid #aaa;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QTreeWidget的QSS方式：

/* 配置QTreeWidget的配景情态 */QTreeWidget {    background-color: #eee;}/* 配置QTreeWidget的边框方式 */QTreeWidget {    border: 1px solid #ccc;}/* 配置QTreeWidget的搬动条方式 */QTreeWidget {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}/* 配置QTreeWidget的树节点方式 */QTreeWidget::item {    background-color: #fff;    padding: 5px;}/* 配置QTreeWidget的树节点在悬停情状下的方式 */QTreeWidget::item:hover {    background-color: #ccc;}/* 配置QTreeWidget的树节点在选中情状下的方式 */QTreeWidget::item:selected {    background-color: #aaa;    color: #fff;}/* 配置QTreeWidget的树节点中的文本情态 */QTreeWidget::item {    color: #333;}/* 配置QTreeWidget的树节点中的字体方式 */QTreeWidget::item {    font-family: Arial;    font-size: 12px;}/* 配置QTreeWidget的树节点的张开和折叠图标方式 */QTreeWidget::branch:open {    image: url(:/images/branch_open.png);}QTreeWidget::branch:closed {    image: url(:/images/branch_closed.png);}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。

底下是一些常用的QTableWidget的QSS方式：

/* 配置QTableWidget的配景情态 */QTableWidget {    background-color: #eee;}/* 配置QTableWidget的边框方式 */QTableWidget {    border: 1px solid #ccc;}/* 配置QTableWidget的表头方式 */QTableWidget::header {    background-color: #ccc;    color: #fff;}/* 配置QTableWidget的行方式 */QTableWidget::item {    padding: 5px;}/* 配置QTableWidget的单位格在悬停情状下的方式 */QTableWidget::item:hover {    background-color: #ccc;}/* 配置QTableWidget的单位格在选中情状下的方式 */QTableWidget::item:selected {    background-color: #aaa;    color: #fff;}/* 配置QTableWidget的单位格中的文本情态 */QTableWidget::item {    color: #333;}/* 配置QTableWidget的单位格中的字体方式 */QTableWidget::item {    font-family: Arial;    font-size: 12px;}/* 配置QTableWidget的搬动条方式 */QTableWidget {    scrollbar-width: thin;    scrollbar-color: #ccc #eee;}
图片

从容：上头的方式不错把柄我方的需求进行修改和调整，同期也不错添加其他方式来满足你的需求。