set QToolButton Icons with qss image

[ggrr]

QToolButton{
image:url(:/icon/delete.png);
border:none;
}

it can show image normaly.
but when i delete the "border:none" it will not show image

QToolButton{
image:url(:/icon/delete.png);
}

why?

[Christian Ehrlicher]

I don't see where you use image-position anywhere in your qss.

[ggrr]

This post is deleted!

[Christian Ehrlicher]

@ggrr said in set QToolButton Icons with qss image:

but when i delete the "border:none" it will not show image

More or less described in the documentation:

"Warning: If you only set a background-color on a QToolButton, the background will not appear unless you set the border property to some value. This is because, by default, the QToolButton draws a native border which completely overlaps the background-color."

[ggrr]

But in real time background-color can work without border property

[Christian Ehrlicher]

@ggrr said in set QToolButton Icons with qss image:

But in real time

?

[ggrr]

@Christian-Ehrlicher sorry my english is not good.
i mean, i just tried qss like below ,and it worked without "border:" property
QToolButton{
background-color:red;
}

[Christian Ehrlicher]

Then this is maybe (base) style dependent - if the base style allows the override of the color then it works, otherwise it won't.

[ggrr]

@Christian-Ehrlicher

"This Property" not mean "image:" ??

there is a "period" behind "image-position"

[Christian Ehrlicher]

If you think so - then use background-image