How to change QPushButton icon using stylesheets?

Question

Is it possible to set and change the icon on a QPushButton using stylesheets?

I need this for a Windows-based white-label Qt4.5 application that customers stylize using stylesheets.

Answer 1

You can add the icon by changing the QAbstractButton-property. Simply use:

QAbstractButton {
    qproperty-icon: theme_url("/button_action/add");
}

The type-selector QAbstractButton, enables you to set the style for the selected object and all its subclasses.

Since QPushButton extends QAbstractButton, this will do the trick. (Of course you could also use QPushButton type-selector here).

For more information on how to use selectors, I found this quite helpful.

If you want to learn more about the button-properties, refer to the Qt-Documentation here.

PS. In case you want to change the icon, once the button is clicked, use:

qproperty-icon: url(":/Icons/before_click.png") off,
                url(":/Icons/after_click.png") on ;

Answer 2

Yup.

border-image: url(/url/to/image);

Answer 3

You can use:

image: url(/url/to/image);

See http://doc.qt.io/qt-5/stylesheet-reference.html#image-prop and http://doc.qt.io/qt-5/stylesheet-customizing.html#box-model.