Qt 样式表参考

Qt 样式表支持各种属性、伪状态和子控件，从而能够自定义小部件的外观。

可样式化小部件列表

下表列出了可通过样式表进行自定义的 Qt Widgets：

QPushButton { background-color: red; border: none; }

QToolButton { background-color: red; border: none; }

void CustomWidget::paintEvent(QPaintEvent *)
{
    QStyleOption opt;
    opt.initFrom(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
}

属性列表

本节列出了 Qt 样式表支持的所有属性。属性可取的值取决于该属性的类型。除非另有说明，否则以下属性适用于所有小部件。 标有星号 * 的属性是 Qt 特有的，在 CSS2 或 CSS3 中没有对应项。Qt 特有的属性如下：

• gridline-color*
• image*
• lineedit-password-character*
• lineedit-password-mask-delay*
• 消息框文本交互标志*
• 不透明度*
• 占位符文本颜色*
• 选中区域背景色*
• 选中颜色*
• 显示选中装饰*
• 间距*
• 子控件原点*
• 子控件位置*
• 控件动画时长*

强调色

该属性用于设置Accent ，该颜色用于突出显示交互式UI元素。如果未设置此属性，则默认采用highlight 颜色。

alternate-background-color

在QAbstractItemView 子类中使用的alternate background color 。

如果未设置此属性，则默认值为调色板中“AlternateBase ”角色的设置值。

示例：

QTreeView {
    alternate-background-color: blue;
    background: yellow;
}

另请参阅background和selection-background-color。

background

用于设置背景的简写语法。等同于指定background-color 、background-image 、background-repeat 和/或background-position 。

该属性受以下对象支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QDialog 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 、QToolTip ，以及普通的QWidget。

示例：

QTextEdit { background: yellow }

通常，需要设置类似于Qt::BrushStyle 中所示样式的填充图案。对于Qt::SolidPattern 、Qt::RadialGradientPattern 、Qt::LinearGradientPattern 和Qt::ConicalGradientPattern ，您可以使用 background-color 属性。其他图案则可通过创建包含该图案的背景图像轻松实现。

示例：

QLabel {
    background-image: url(dense6pattern.png);
    background-repeat: repeat-xy;
}

另请参阅background-origin、selection-background-color、background-clip、background-attachment和alternate-background-color。

background-color

控件所使用的背景颜色。

示例：

QLabel { background-color: yellow }
QLineEdit { background-color: rgb(255, 0, 0) }

background-image

用于该小部件的背景图像。图像中的半透明部分会让background-color 透出来。

示例：

QFrame { background-image: url(:/images/hydro.png) }

background-repeat

背景图像是否以及如何重复以填充background-origin 矩形。

如果未指定此属性，背景图像将在两个方向上重复（repeat ）。

示例：

QFrame {
    background: white url(:/images/ring.png);
    background-repeat: repeat-y;
    background-position: left;
}

background-position

背景图像在background-origin 矩形内的对齐方式。

如果未指定此属性，对齐方式默认为top left 。

示例：

QFrame {
    background: url(:/images/footer.png);
    background-position: bottom left;
}

background-attachment

确定QAbstractScrollArea 中的背景图像相对于视口是随视口滚动还是固定。默认情况下，背景图像会随视口滚动。

示例：

QTextEdit {
    background-image: url("leaves.png");
    background-attachment: fixed;
}

另请参阅background

background-clip

控件的矩形区域，background 将在其中绘制。

此属性指定background-color 和background-image 被裁剪到的矩形范围。

该属性受以下对象支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QDialog 、QFrame 、QGroupBox 、QLabel 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 、QToolTip ，以及普通的QWidget。

如果未指定此属性，默认值为border 。

示例：

QFrame {
    background-image: url(:/images/header.png);
    background-position: top left;
    background-origin: content;
    background-clip: padding;
}

另请参阅background、background-origin以及“框模型”。

background-origin

控件的背景矩形，需与background-position 和background-image 配合使用。

该属性受以下对象支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QDialog 、QFrame 、QGroupBox 、QLabel 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 、QToolTip ，以及普通QWidget。

如果未指定此属性，默认值为padding 。

示例：

QFrame {
    background-image: url(:/images/header.png);
    background-position: top left;
    background-origin: content;
}

另请参阅background 和“盒模型”。

边框

用于设置控件边框的简写语法。相当于指定border-color 、border-style 和/或border-width 。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 、QToolTip ，以及普通的QWidget。

示例：

QLineEdit { border: 1px solid white }

border-top

用于设置控件顶部边框的简写语法。相当于指定border-top-color 、border-top-style 和/或border-top-width 。

border-right

用于设置控件右边框的简写语法。等同于指定border-right-color 、border-right-style 和/或border-right-width 。

border-bottom

用于设置控件底部边框的简写语法。等同于指定border-bottom-color 、border-bottom-style 和/或border-bottom-width 。

border-left

用于设置控件左边框的简写语法。等同于指定border-left-color 、border-left-style 和/或border-left-width 。

border-color

所有边框边缘的颜色。相当于指定border-top-color 、border-right-color 、border-bottom-color 和border-left-color 。

该属性受以下元素支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 、QToolTip 以及普通QWidget。

如果未指定此属性，则默认为color（即控件的前景色）。

示例：

QLineEdit {
    border-width: 1px;
    border-style: solid;
    border-color: white;
}

另请参阅border-style、border-width、border-image 以及“框模型”。

border-top-color

边框顶边的颜色。

border-right-color

边框右侧边缘的颜色。

border-bottom-color

边框底边的颜色。

border-left-color

边框左边缘的颜色。

边框图像

用于填充边框的图像。该图像将被分割为九个部分，并在必要时进行适当拉伸。详情请参阅“边框图像”。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

另请参阅border-color、border-style、border-width 以及“框模型”。

border-radius

边框圆角的半径。相当于指定border-top-left-radius 、border-top-right-radius 、border-bottom-right-radius 和border-bottom-left-radius 。

border-radius 会裁剪元素的背景。

该属性受以下元素支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

如果未指定此属性，则默认值为 0。

示例：

QLineEdit {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

另请参阅border-width和盒模型。

border-top-left-radius

边框左上角的圆角半径。

border-top-right-radius

边框右上角的圆角半径。

border-bottom-right-radius

边框右下角的圆角半径。将此属性设置为正值可使该角呈圆角。

border-bottom-left-radius

边框左下角的圆角半径。将此属性设置为正值会生成圆角。

边框样式

所有边框边缘的样式。

该属性受以下元素支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

如果未指定此属性，则默认值为none 。

示例：

QLineEdit {
    border-width: 1px;
    border-style: solid;
    border-color: blue;
}

另请参阅border-color、border-style、border-image 以及“框模型”。

border-top-style

边框顶边的样式。

border-right-style

边框右侧边缘的样式。

border-bottom-style

边框底边的样式。

border-left-style

边框左侧边缘的样式。

边框宽度

边框的宽度。相当于设置border-top-width 、border-right-width 、border-bottom-width 和border-left-width 。

该属性受以下元素支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

示例：

QLineEdit {
    border-width: 2px;
    border-style: solid;
    border-color: darkblue;
}

另请参阅border-color、border-radius、border-style、border-image 以及“盒模型”。

border-top-width

边框顶部边缘的宽度。

border-right-width

边框右边的宽度。

border-bottom-width

边框底部边缘的宽度。

border-left-width

边框左边的宽度。

底部

如果位置为relative （默认值），则将子控件向上移动一定偏移量；指定 bottom: y 等同于指定 top: -y。

如果位置为absolute ，则bottom 属性指定子控件的底部边缘相对于父控件底部边缘的位置（另请参阅subcontrol-origin）。

示例：

QSpinBox::down-button { bottom: 2px }

另请参阅left、right 和top。

按钮布局

QDialogButtonBox 或QMessageBox 中按钮的布局。可能的取值为 0（WinLayout ）、1（MacLayout ）、2（KdeLayout ）、3（GnomeLayout ）和 5（AndroidLayout ）。

如果未指定此属性，则其默认值为当前样式中为“SH_DialogButtonLayout ”样式提示指定的值。

示例：

* { button-layout: 2 }

color

用于渲染文本的颜色。

所有遵循QWidget::palette 规范的小部件均支持此属性。

如果未设置此属性，则默认值为小部件调色板中为QWidget::foregroundRole 设定的颜色（通常为黑色）。

示例：

QPushButton { color: red }

另请参阅background和selection-color。

dialogbuttonbox-buttons-have-icons

QDialogButtonBox 中的按钮是否显示图标

如果此属性设置为 1，则QDialogButtonBox 中的按钮会显示图标；如果设置为 0，则不显示图标。

有关如何设置图标的信息，请参阅“图标列表”部分。

QDialogButtonBox { dialogbuttonbox-buttons-have-icons: 1; }

font

用于设置文本字体的简写语法。相当于指定font-family 、font-size 、font-style 和/或font-weight 。

所有遵循QWidget::font 的控件均支持此属性。

如果未设置此属性，则默认值为QWidget::font 。

示例：

QCheckBox { font: bold italic large "Times New Roman" }

font-family

字体家族。

示例：

QCheckBox { font-family: "New Century Schoolbook" }

字体大小

字体大小。在此版本的 Qt 中，仅支持 pt 和 px 单位。

示例：

QTextEdit { font-size: 12px }

字体样式

字体样式。

示例：

QTextEdit { font-style: italic }

font-weight

字体的粗细。

网格线颜色*

QTableView 中网格线的颜色。

如果未指定此属性，则默认采用当前样式中为SH_Table_GridLineColor 样式提示所指定的值。

示例：

* { gridline-color: gray }

height

子控件（或在某些情况下，小部件）的高度。

如果未指定此属性，其默认值将取决于子控件/小部件以及当前样式。

示例：

QSpinBox::down-button { height: 10px }

另请参阅width。

图标

用于具有图标的小部件的图标。

目前唯一支持此属性的组件是QPushButton 。

自 5.15 版本起提供。

icon-size

小部件中图标的宽度和高度。

可通过此属性设置以下控件的图标大小。

• QCheckBox
• QListView
• QPushButton
• QRadioButton
• QTabBar
• QToolBar
• QToolBox
• QTreeView

image*

在子控件的内容矩形内绘制的图像。

image属性接受一个URL列表或svg 。实际绘制的图像采用与QIcon 相同的算法进行确定（即）图像绝不会被放大，但在必要时会进行缩小。 如果指定了svg ，图像将按内容矩形的大小进行缩放。svg 的大小可通过width 和height属性进行设置（自Qt 6.13起支持）。

在子控件上设置 image 属性会隐式地设置该子控件的 width 和 height 属性（除非该图像为 SVG 格式）。

使用image-position属性可在矩形内对齐图像。

此属性仅适用于子控件——我们不支持将其应用于其他元素。

示例：

// implicitly sets the size of down-button to the
// size of spindown.png
QSpinBox::down-button { image: url(:/images/spindown.png) }

image-position

可以通过相对定位或绝对定位来指定图像的位置对齐方式。

left

如果位置为relative （默认值），则将子控件向右移动一定偏移量。

如果position为absolute ，则left 属性指定子控件相对于父控件左边缘的位置（另请参见subcontrol-origin）。

如果未指定此属性，则其默认值为0 。

示例：

QSpinBox::down-button { left: 2px }

另请参阅right、top 和bottom。

字母间距

控件内字符串中字符之间的间距。

lineedit-password-character*

QLineEdit 密码字符的Unicode编码。

如果未指定此属性，则其默认值为当前样式中为“SH_LineEdit_PasswordCharacter ”样式提示指定的值。

示例：

* { lineedit-password-character: 9679 }

lineedit-password-mask-delay*

在将 `lineedit-password-character` 应用于可见字符之前，QLineEdit 的密码掩码延迟（以毫秒为单位）。

如果未指定此属性，则默认采用当前样式中为“SH_LineEdit_PasswordMaskDelay ”样式提示指定的值。

自 Qt 5.4 起可用。

示例：

* { lineedit-password-mask-delay: 1000 }

margin

控件的边距。相当于指定margin-top 、margin-right 、margin-bottom 和margin-left 。

该属性受以下组件支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

如果未指定此属性，则默认值为0 。

示例：

QLineEdit { margin: 2px }

另请参阅padding、spacing 以及“盒模型”。

margin-top

控件的顶部边距。

margin-right

控件的右边距。

margin-bottom

控件的底部边距。

margin-left

控件的左边距。

最大高度

控件或子控件的最大高度。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSizeGrip 、QSpinBox 、QSplitter 、QStatusBar 、QTextEdit 以及QToolTip 。

该值是相对于盒模型中的内容矩形而言的。

示例：

QSpinBox { max-height: 24px }

另请参阅max-width。

max-width

控件或子控件的最大宽度。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSizeGrip 、QSpinBox 、QSplitter 、QStatusBar 、QTextEdit 以及QToolTip 。

该值相对于盒模型中的内容矩形。

示例：

QComboBox { max-width: 72px }

另请参阅max-height。

messagebox-text-interaction-flags*

消息框中文本的交互行为。可能的值基于Qt::TextInteractionFlags 。

如果未指定此属性，则默认采用当前样式中为SH_MessageBox_TextInteractionFlags 样式提示指定的值。

示例：

QMessageBox { messagebox-text-interaction-flags: 5 }

min-height

该控件或子控件的最小高度。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSizeGrip 、QSpinBox 、QSplitter 、QStatusBar 、QTextEdit 、QToolButton 以及QToolTip 。

如果未指定此属性，则会根据控件的内容和样式计算出最小高度。

该值相对于盒模型中的内容矩形。

示例：

QComboBox { min-height: 24px }

另请参阅min-width。

min-width

控件或子控件的最小宽度。

该属性受以下类支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSizeGrip 、QSpinBox 、QSplitter 、QStatusBar 、QTextEdit 、QToolButton 以及QToolTip 。

如果未指定此属性，则会根据控件的内容和样式推算出最小宽度。

该值相对于盒子模型中的内容矩形。

示例：

QComboBox { min-width: 72px }

另请参阅min-height。

opacity*

控件的不透明度。取值范围为0（透明）到255（不透明）。目前，此属性仅支持tooltips 。

如果未指定此属性，则默认采用当前样式中SH_ToolTipLabel_Opacity 样式提示所指定的值。

示例：

QToolTip { opacity: 223 }

outline

绘制在对象边界周围的轮廓。

轮廓颜色

轮廓的颜色。另请参阅border-color

outline-offset

轮廓相对于控件边框的偏移量。

轮廓样式

指定用于绘制轮廓的样式。另请参阅border-style

outline-radius

为轮廓添加圆角。

outline-bottom-left-radius

轮廓左下角圆角的半径。

outline-bottom-right-radius

轮廓右下角圆角的半径。

outline-top-left-radius

轮廓左上角的圆角半径。

outline-top-right-radius

轮廓右上角圆角的半径。

内边距

控件的内边距。相当于指定padding-top 、padding-right 、padding-bottom 和padding-left 。

该属性受以下组件支持：QAbstractItemView 的子类、QAbstractSpinBox 的子类、QCheckBox 、QComboBox 、QFrame 、QGroupBox 、QLabel 、QLineEdit 、QMenu 、QMenuBar 、QPushButton 、QRadioButton 、QSplitter 、QTextEdit 以及QToolTip 。

如果未指定此属性，则默认值为0 。

示例：

QLineEdit { padding: 3px }

另请参阅margin、spacing 以及“盒模型”。

padding-top

控件的顶部内边距。

padding-right

控件的右侧内边距。

padding-bottom

控件的底部内边距。

padding-left

控件的左侧内距。

为空区域交替绘制行颜色

QTreeView 是否为空区域（即没有项目的区域）绘制交替行颜色

placeholder-text-color*

文本编辑控件中占位符文本所使用的颜色。

如果未设置此属性，其默认值即为调色板中“PlaceholderText ”角色的设置值。

示例：

QLineEdit { placeholder-text-color: #800000ff } /* semi-transparent blue */

自 6.5 版起可用。

position

使用left、right、top 和bottom指定的偏移量是相对坐标还是绝对坐标。

如果未指定此属性，则默认值为relative 。

right

如果位置为relative （默认值），则将子控件向左移动一定偏移量；指定 right: x 等同于指定 left: -x。

如果position为absolute ，则right 属性指定子控件相对于父控件右边缘的右边缘位置（另请参阅subcontrol-origin）。

示例：

QSpinBox::down-button { right: 2px }

另请参阅left、top 和bottom。

selection-background-color*

所选文本或项目的背景色。

所有遵守QWidget::palette 规范且会显示选中文本的小部件均支持此属性。

如果未设置此属性，则默认值为调色板中“Highlight ”角色的设置值。

示例：

QTextEdit { selection-background-color: darkblue }

另请参阅selection-color和background。

selection-color*

所选文本或项目的前景色。

所有遵循QWidget::palette 规范且会显示选中文字的控件均支持此属性。

如果未设置此属性，其默认值即为调色板中“HighlightedText ”角色的设置值。

示例：

QTextEdit { selection-color: white }

另请参阅selection-background-color和color。

show-decoration-selected*

控制QListView 中的选中区域是覆盖整行还是仅覆盖文本范围。

如果未指定此属性，则默认采用当前样式中为“SH_ItemView_ShowDecorationSelected ”样式提示所指定的值。

示例：

* { show-decoration-selected: 1 }

spacing*

控件内部的间距。

该属性受QCheckBox 、checkableQGroupBoxes、QMenuBar 以及QRadioButton 支持。

如果未指定此属性，其默认值取决于控件和当前样式。

示例：

QMenuBar { spacing: 10 }

另请参阅padding和margin。

subcontrol-origin*

子控件在父元素内的原点矩形。

如果未指定此属性，则默认值为padding 。

示例：

QSpinBox::up-button {
    image: url(:/images/spinup.png);
    subcontrol-origin: content;
    subcontrol-position: right top;
}

另请参阅subcontrol-position。

subcontrol-position*

子控件在由subcontrol-origin 指定的原点矩形内的对齐方式。

如果未指定此属性，其默认值将取决于子控件本身。

示例：

QSpinBox::down-button {
    image: url(:/images/spindown.png);
    subcontrol-origin: padding;
    subcontrol-position: right bottom;
}

另请参阅subcontrol-origin。

titlebar-show-tooltips-on-buttons

是否在窗口标题栏按钮上显示工具提示。

widget-animation-duration*

动画应持续多长时间（以毫秒为单位）。值为零表示将禁用动画。

如果未指定此属性，则默认采用当前样式中为SH_Widget_Animation_Duration 样式提示指定的值。

自 Qt 5.10 起可用。

示例：

* { widget-animation-duration: 100 }

text-align

小部件内容中文字和图标的对齐方式。

如果未指定此值，则默认采用取决于原生样式的值。

示例：

QPushButton {
    text-align: left;
}

该属性目前仅由QPushButton 和QProgressBar 支持。

text-decoration

其他文本效果。

顶部

如果位置为relative （默认值），则将子控件向下移动一定偏移量。

如果position为absolute ，则top 属性指定子控件的顶边相对于父控件顶边的坐标（另请参阅subcontrol-origin）。

如果未指定此属性，则默认值为0 。

示例：

QSpinBox::up-button { top: 2px }

另请参阅left、right 和bottom。

宽度

子控件（或在某些情况下为小部件）的宽度。

如果未指定此属性，其默认值将取决于子控件/小部件以及当前样式。

示例：

QSpinBox::up-button { width: 12px }

另请参阅height。

word-spacing

控件内字符串中每个单词之间的间距。

-qt-background-role

基于所选角色的子控件或小部件的background-color 。

-qt-style-features

要应用 Qt 特定样式的 CSS 属性列表。

图标列表

Qt 中使用的图标可通过以下属性进行自定义。本节中列出的每个属性类型均为Icon。

请注意，若要让图标显示在QDialogButtonBox 中的按钮上，需要将 dialogbuttonbox-buttons-have-icons 属性设置为 true。此外，若要自定义图标的大小，请使用 icon-size 属性。

属性类型列表

下表总结了不同属性类型的语法和含义。

QTextEdit { background-position: bottom center }

QDialog { etch-disabled-text: 1 }

/* red red red red */
QLabel { border-color: red }
/* red blue red blue */
QLabel { border-color: red blue }
/* red blue green blue */
QLabel { border-color: red blue green }
/* red blue green yellow */
QLabel { border-color: red blue green yellow }

/* 1px 1px 1px 1px */
QLabel { border-width: 1px }
/* 1px 2px 1px 2px */
QLabel { border-width: 1px 2px }
/* 1px 2px 3px 2px */
QLabel { border-width: 1px 2px 3px }
/* 1px 2px 3px 4px */
QLabel { border-width: 1px 2px 3px 4px }

/* opaque red */
QLabel { border-color: red }
/* opaque red */
QLabel { border-color: #FF0000 }
/* 75% opaque red */
QLabel { border-color: rgba(255, 0, 0, 75%) }
/* opaque red */
QLabel { border-color: rgb(255, 0, 0) }
/* opaque red */
QLabel { border-color: rgb(100%, 0%, 0%) }
/* opaque yellow */
QLabel { border-color: hsv(60, 100%, 100%) }
/* 75% blue */
QLabel { border-color: hsva(240, 255, 255, 75%) }
/* opaque yellow */
QLabel { border-color: hsl(60, 100%, 50%) }
/* 75% blue */
QLabel { border-color: hsla(240, 255, 50%, 75%) }

/* linear gradient from white to green */
QTextEdit {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
                stop:0 white, stop: 0.4 gray, stop:1 green)
}

/* linear gradient from white to green */
QTextEdit {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
                stop:0 white, stop: 0.4 rgba(10, 20, 30, 40),
                stop:1 rgb(0, 200, 230, 200))
}

/* conical gradient from white to green */
QTextEdit {
    background: qconicalgradient(cx:0.5, cy:0.5, angle:30,
                stop:0 white, stop:1 #00FF00)
}

/* radial gradient from white to green */
QTextEdit {
    background: qradialgradient(cx:0, cy:0, radius: 1,
                fx:0.5, fy:0.5, stop:0 white, stop:1 green)
}

* {
    file-icon: url(file.png),
               url(file_selected.png) selected;
  }

QMessageBox {
    dialogbuttonbox-buttons-have-icons: true;
    dialog-ok-icon: url(ok.svg);
    dialog-cancel-icon: url(cancel.png),
                        url(grayed_cancel.png) disabled;
}

QPushButton { color: palette(dark); }

伪状态列表

支持以下伪状态：

子控件列表

提供以下子控件：

有关如何自定义子控件的示例，请参阅《自定义 QPushButton 的菜单指示器子控件》。