Customization of push button

[mostefa]

@J.Hilk said in Customization of push button:

@David406

QPushButton{border: none;}

AFAIK border: none; will not change anything

[David406]

@mostefa
Yes, border: none; is the default setting.
And I want to be able to move those buttons around, so I did not use layout to add these buttons.

[J.Hilk]

@mostefa

Just checked it, it does exactly what the OP want to, it removes the border/bulge of the default QPushButton

[David406]

@J.Hilk
Yes, I checked it too. This really helped.
border-style:none; is default, not border:none;
Thank you all !!!

[David406]

Hi all, I have one more question. How can I let the buttons pushed down when mouse hovers on it, like below:

The arrow button is pushed down when my mouse hovers on it.
Could you please give some hints on what method to use? There's no hover or enter event for a button.

Aside: When border is set to none, there would never appear a border even when I pused on it, which is not what I meant to do. Confused!

[J.Hilk]

@David406

QStyleSheet is also here your friend. For example:

QPushButton:hover{background-color:red;}

Here a link to some examples

[David406]

@J.Hilk
Oh, yes! Please forgive me, I'm quite new about the usage of stylesheet! So I need to set different stylesheet for normal, hover and pushed status.

[J.Hilk]

@David406

that would be correct:

a small example:

ui->myButton->setStyleSheet(
//Default Button
"QPushButton{border:none; color: black; background-color:transparent;}"
//When mose over
"QPushButton:hover{border: 1px solid grey; color: red; background-color:white;}"
//When checked
"QPushButton:checked{border: 1px solid black; color: white; background-color:red;}"
);