Qt Style Sheets Reference

Qt Style Sheets support various properties, pseudo-states, and subcontrols that make it possible to customize the look of widgets.

List of Stylable Widgets

The following table lists the Qt widgets that can be customized using style sheets:

 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);
 }

List of Properties

This section lists all the properties supported by Qt Style Sheets. Which values can be given to a property depend on the property's type. Unless otherwise specified, the following properties apply to all widgets. Properties marked with an asterisk * are specific to Qt and have no equivalent in CSS2 or CSS3. The Qt-specific properties are the following:

• gridline-color*
• image*
• lineedit-password-character*
• lineedit-password-mask-delay*
• messagebox-text-interaction-flags*
• opacity*
• placeholder-text-color*
• selection-background-color*
• selection-color*
• show-decoration-selected*
• spacing*
• subcontrol-origin*
• subcontrol-position*
• widget-animation-duration*

accent-color

The property sets the Accent, which is used to emphasize interactive UI elements. If this property is not set, it defaults to the highlight color.

alternate-background-color

The alternate background color used in QAbstractItemView subclasses.

If this property is not set, the default value is whatever is set for the palette's AlternateBase role.

Example:

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

See also background and selection-background-color.

background

Shorthand notation for setting the background. Equivalent to specifying background-color, background-image, background-repeat, and/or background-position.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QDialog, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

Example:

 QTextEdit { background: yellow }

Often, it is required to set a fill pattern similar to the styles in Qt::BrushStyle. You can use the background-color property for Qt::SolidPattern, Qt::RadialGradientPattern, Qt::LinearGradientPattern and Qt::ConicalGradientPattern. The other patterns are easily achieved by creating a background image that contains the pattern.

Example:

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

See also background-origin, selection-background-color, background-clip, background-attachment and alternate-background-color.

background-color

The background color used for the widget.

Examples:

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

background-image

The background image used for the widget. Semi-transparent parts of the image let the background-color shine through.

Example:

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

background-repeat

Whether and how the background image is repeated to fill the background-origin rectangle.

If this property is not specified, the background image is repeated in both directions (repeat).

Example:

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

background-position

The alignment of the background image within the background-origin rectangle.

If this property is not specified, the alignment is top left.

Example:

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

background-attachment

Determines whether the background-image in a QAbstractScrollArea is scrolled or fixed with respect to the viewport. By default, the background-image scrolls with the viewport.

Example:

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

See also background

background-clip

The widget's rectangle, in which the background is drawn.

This property specifies the rectangle to which the background-color and background-image are clipped.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QDialog, QFrame, QGroupBox, QLabel, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

If this property is not specified, the default is border.

Example:

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

See also background, background-origin and The Box Model.

background-origin

The widget's background rectangle, to use in conjunction with background-position and background-image.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QDialog, QFrame, QGroupBox, QLabel, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

If this property is not specified, the default is padding.

Example:

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

See also background and The Box Model.

border

Shorthand notation for setting the widget's border. Equivalent to specifying border-color, border-style, and/or border-width.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

Example:

 QLineEdit { border: 1px solid white }

border-top

Shorthand notation for setting the widget's top border. Equivalent to specifying border-top-color, border-top-style, and/or border-top-width.

border-right

Shorthand notation for setting the widget's right border. Equivalent to specifying border-right-color, border-right-style, and/or border-right-width.

border-bottom

Shorthand notation for setting the widget's bottom border. Equivalent to specifying border-bottom-color, border-bottom-style, and/or border-bottom-width.

border-left

Shorthand notation for setting the widget's left border. Equivalent to specifying border-left-color, border-left-style, and/or border-left-width.

border-color

The color of all the border's edges. Equivalent to specifying border-top-color, border-right-color, border-bottom-color, and border-left-color.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

If this property is not specified, it defaults to color (i.e., the widget's foreground color).

Example:

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

See also border-style, border-width, border-image, and The Box Model.

border-top-color

The color of the border's top edge.

border-right-color

The color of the border's right edge.

border-bottom-color

The color of the border's bottom edge.

border-left-color

The color of the border's left edge.

border-image

The image used to fill the border. The image is cut into nine parts and stretched appropriately if necessary. See Border Image for details.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit and QToolTip.

See also border-color, border-style, border-width, and The Box Model.

border-radius

The radius of the border's corners. Equivalent to specifying border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius.

The border-radius clips the element's background.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, and QToolTip.

If this property is not specified, it defaults to 0.

Example:

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

See also border-width and The Box Model.

border-top-left-radius

The radius of the border's top-left corner.

border-top-right-radius

The radius of the border's top-right corner.

border-bottom-right-radius

The radius of the border's bottom-right corner. Setting this property to a positive value results in a rounded corner.

border-bottom-left-radius

The radius of the border's bottom-left corner. Setting this property to a positive value results in a rounded corner.

border-style

The style of all the border's edges.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, and QToolTip.

If this property is not specified, it defaults to none.

Example:

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

See also border-color, border-style, border-image, and The Box Model.

border-top-style

The style of the border's top edge.

border-right-style

The style of the border's right edge.

border-bottom-style

The style of the border's bottom edge.

border-left-style

The style of the border's left edge.

border-width

The width of the border. Equivalent to setting border-top-width, border-right-width, border-bottom-width, and border-left-width.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, and QToolTip.

Example:

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

See also border-color, border-radius, border-style, border-image, and The Box Model.

border-top-width

The width of the border's top edge.

border-right-width

The width of the border's right edge.

border-bottom-width

The width of the border's bottom edge.

border-left-width

The width of the border's left edge.

bottom

If position is relative (the default), moves a subcontrol by a certain offset up; specifying bottom: y is then equivalent to specifying top: -y.

If position is absolute, the bottom property specifies the subcontrol's bottom edge in relation to the parent's bottom edge (see also subcontrol-origin).

Example:

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

See also left, right, and top.

button-layout

The layout of buttons in a QDialogButtonBox or a QMessageBox. The possible values are 0 (WinLayout), 1 (MacLayout), 2 (KdeLayout), 3 (GnomeLayout) and 5 (AndroidLayout).

If this property is not specified, it defaults to the value specified by the current style for the SH_DialogButtonLayout style hint.

Example:

 * { button-layout: 2 }

color

The color used to render text.

This property is supported by all widgets that respect the QWidget::palette.

If this property is not set, the default is whatever is set for in the widget's palette for the QWidget::foregroundRole (typically black).

Example:

 QPushButton { color: red }

See also background and selection-color.

dialogbuttonbox-buttons-have-icons

Whether the buttons in a QDialogButtonBox show icons

If this property is set to 1, the buttons of a QDialogButtonBox show icons; if it is set to 0, the icons are not shown.

See the List of Icons section for information on how to set icons.

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

font

Shorthand notation for setting the text's font. Equivalent to specifying font-family, font-size, font-style, and/or font-weight.

This property is supported by all widgets that respect the QWidget::font.

If this property is not set, the default is the QWidget::font.

Example:

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

font-family

The font family.

Example:

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

font-size

The font size. In this version of Qt, only pt and px metrics are supported.

Example:

 QTextEdit { font-size: 12px }

font-style

The font style.

Example:

 QTextEdit { font-style: italic }

font-weight

The weight of the font.

gridline-color*

The color of the grid line in a QTableView.

If this property is not specified, it defaults to the value specified by the current style for the SH_Table_GridLineColor style hint.

Example:

 * { gridline-color: gray }

height

The height of a subcontrol (or in some case, a widget).

If this property is not specified, it defaults to a value that depends on the subcontrol/widget and on the current style.

Example:

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

See also width.

icon

The icon that is used, for widgets that have an icon.

The only widget currently supporting this property is QPushButton.

Available since 5.15.

icon-size

The width and height of the icon in a widget.

The icon size of the following widgets can be set using this property.

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

image*

The image that is drawn in the contents rectangle of a subcontrol.

The image property accepts a list of Urls or an svg. The actual image that is drawn is determined using the same algorithm as QIcon (i.e) the image is never scaled up but always scaled down if necessary. If a svg is specified, the image is scaled to the size of the contents rectangle.

Setting the image property on sub controls implicitly sets the width and height of the sub-control (unless the image in a SVG).

In Qt 4.3 and later, the alignment of the image within the rectangle can be specified using image-position.

This property is for subcontrols only–we don't support it for other elements.

Example:

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

image-position

In Qt 4.3 and later, the alignment of the image image's position can be specified using relative or absolute position.

left

If position is relative (the default), moves a subcontrol by a certain offset to the right.

If position is absolute, the left property specifies the subcontrol's left edge in relation to the parent's left edge (see also subcontrol-origin).

If this property is not specified, it defaults to 0.

Example:

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

See also right, top, and bottom.

lineedit-password-character*

The QLineEdit password character as a Unicode number.

If this property is not specified, it defaults to the value specified by the current style for the SH_LineEdit_PasswordCharacter style hint.

Example:

 * { lineedit-password-character: 9679 }

lineedit-password-mask-delay*

The QLineEdit password mask delay in milliseconds before lineedit-password-character is applied to visible character.

If this property is not specified, it defaults to the value specified by the current style for the SH_LineEdit_PasswordMaskDelay style hint.

Available since Qt 5.4.

Example:

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

margin

The widget's margins. Equivalent to specifying margin-top, margin-right, margin-bottom, and margin-left.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, and QToolTip.

If this property is not specified, it defaults to 0.

Example:

 QLineEdit { margin: 2px }

See also padding, spacing, and The Box Model.

margin-top

The widget's top margin.

margin-right

The widget's right margin.

margin-bottom

The widget's bottom margin.

margin-left

The widget's left margin.

max-height

The widget's or a subcontrol's maximum height.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSizeGrip, QSpinBox, QSplitter, QStatusBar, QTextEdit, and QToolTip.

The value is relative to the contents rect in the box model.

Example:

 QSpinBox { max-height: 24px }

See also max-width.

max-width

The widget's or a subcontrol's maximum width.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSizeGrip, QSpinBox, QSplitter, QStatusBar, QTextEdit, and QToolTip.

The value is relative to the contents rect in the box model.

Example:

 QComboBox { max-width: 72px }

See also max-height.

messagebox-text-interaction-flags*

The interaction behavior for text in a message box. Possible values are based on Qt::TextInteractionFlags.

If this property is not specified, it defaults to the value specified by the current style for the SH_MessageBox_TextInteractionFlags style hint.

Example:

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

min-height

The widget's or a subcontrol's minimum height.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSizeGrip, QSpinBox, QSplitter, QStatusBar, QTextEdit, QToolButton, and QToolTip.

If this property is not specified, the minimum height is derived based on the widget's contents and the style.

The value is relative to the contents rect in the box model.

Example:

 QComboBox { min-height: 24px }

See also min-width.

min-width

The widget's or a subcontrol's minimum width.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSizeGrip, QSpinBox, QSplitter, QStatusBar, QTextEdit, QToolButton, and QToolTip.

If this property is not specified, the minimum width is derived based on the widget's contents and the style.

The value is relative to the contents rect in the box model.

Example:

 QComboBox { min-width: 72px }

See also min-height.

opacity*

The opacity for a widget. Possible values are from 0 (transparent) to 255 (opaque). For the moment, this is only supported for tooltips.

If this property is not specified, it defaults to the value specified by the current style for the SH_ToolTipLabel_Opacity style hint.

Example:

 QToolTip { opacity: 223 }

outline

The outline drawn around the object's border.

outline-color

The color of the outline. See also border-color

outline-offset

The outline's offset from the border of the widget.

outline-style

Specifies the pattern used to draw the outline. See also border-style

outline-radius

Adds rounded corners to the outline.

outline-bottom-left-radius

The radius for the bottom-left rounded corner of the outline.

outline-bottom-right-radius

The radius for the bottom-right rounded corner of the outline.

outline-top-left-radius

The radius for the top-left corner of the outline.

outline-top-right-radius

The radius for the top-right rounded corner of the outline.

padding

The widget's padding. Equivalent to specifying padding-top, padding-right, padding-bottom, and padding-left.

This property is supported by QAbstractItemView subclasses, QAbstractSpinBox subclasses, QCheckBox, QComboBox, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, and QToolTip.

If this property is not specified, it defaults to 0.

Example:

 QLineEdit { padding: 3px }

See also margin, spacing, and The Box Model.

padding-top

The widget's top padding.

padding-right

The widget's right padding.

padding-bottom

The widget's bottom padding.

padding-left

The widget's left padding.

paint-alternating-row-colors-for-empty-area

Whether the QTreeView paints alternating row colors for the empty area (i.e the area where there are no items)

placeholder-text-color*

The color used for the placeholder text of text editing widgets.

If this property is not set, the default value is whatever is set for the palette's PlaceholderText role.

Example:

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

Available since 6.5.

position

Whether offsets specified using left, right, top, and bottom are relative or absolute coordinates.

If this property is not specified, it defaults to relative.

right

If position is relative (the default), moves a subcontrol by a certain offset to the left; specifying right: x is then equivalent to specifying left: -x.

If position is absolute, the right property specifies the subcontrol's right edge in relation to the parent's right edge (see also subcontrol-origin).

Example:

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

See also left, top, and bottom.

selection-background-color*

The background of selected text or items.

This property is supported by all widgets that respect the QWidget::palette and that show selection text.

If this property is not set, the default value is whatever is set for the palette's Highlight role.

Example:

 QTextEdit { selection-background-color: darkblue }

See also selection-color and background.

selection-color*

The foreground of selected text or items.

This property is supported by all widgets that respect the QWidget::palette and that show selection text.

If this property is not set, the default value is whatever is set for the palette's HighlightedText role.

Example:

 QTextEdit { selection-color: white }

See also selection-background-color and color.

show-decoration-selected*

Controls whether selections in a QListView cover the entire row or just the extent of the text.

If this property is not specified, it defaults to the value specified by the current style for the SH_ItemView_ShowDecorationSelected style hint.

Example:

 * { show-decoration-selected: 1 }

spacing*

Internal spacing in the widget.

This property is supported by QCheckBox, checkable QGroupBoxes, QMenuBar, and QRadioButton.

If this property is not specified, the default value depends on the widget and on the current style.

Example:

 QMenuBar { spacing: 10 }

See also padding and margin.

subcontrol-origin*

The origin rectangle of the subcontrol within the parent element.

If this property is not specified, the default is padding.

Example:

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

See also subcontrol-position.

subcontrol-position*

The alignment of the subcontrol within the origin rectangle specified by subcontrol-origin.

If this property is not specified, it defaults to a value that depends on the subcontrol.

Example:

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

See also subcontrol-origin.

titlebar-show-tooltips-on-buttons

Whether tool tips are shown on window title bar buttons.

widget-animation-duration*

How much an animation should last (in milliseconds). A value equal to zero means that the animations will be disabled.

If this property is not specified, it defaults to the value specified by the current style for the SH_Widget_Animation_Duration style hint.

Available since Qt 5.10.

Example:

 * { widget-animation-duration: 100 }

text-align

The alignment of text and icon within the contents of the widget.

If this value is not specified, it defaults to the value that depends on the native style.

Example:

 QPushButton {
     text-align: left;
 }

This property is currently supported only by QPushButton and QProgressBar.

text-decoration

Additional text effects.

top

If position is relative (the default), moves a subcontrol by a certain offset down.

If position is absolute, the top property specifies the subcontrol's top edge in relation to the parent's top edge (see also subcontrol-origin).

If this property is not specified, it defaults to 0.

Example:

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

See also left, right, and bottom.

width

The width of a subcontrol (or a widget in some cases).

If this property is not specified, it defaults to a value that depends on the subcontrol/widget and on the current style.

Example:

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

See also height.

-qt-background-role

The background-color for the subcontrol or widget based on the chosen role.

-qt-style-features

The list of CSS properties that you want to apply Qt-specific styles on.

List of Icons

Icons used in Qt can be customized using the following properties. Each of the properties listed in this section have the type Icon.

Note that for icons to appear in buttons in a QDialogButtonBox, you need to set the dialogbuttonbox-buttons-have-icons property to true. Also, to customize the size of the icons, use the icon-size property.

List of Property Types

The following table summarizes the syntax and meaning of the different property types.

 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); }

List of Pseudo-States

The following pseudo-states are supported:

List of Sub-Controls

The following subcontrols are available:

See Customizing the QPushButton's Menu Indicator Sub-Control for an example of how to customize a subcontrol.