Grey Border On Tab

[sofneo]

Does anyone know how to get rid of this zebra border when I click tab? Appreciated.
https://gyazo.com/0c998844de3cd409c329372a8117b628

[JonB]

@sofneo
Don't know the platform, but that looks like the visual focus rectangle?

[sofneo]

By any chance do you know how to remove it?

[mrjj]

@sofneo
What widget is it ?
Looks like a button to me and a focus rect or active rect on some platform i dont know.

[JonB]

@sofneo
If it's that, I'm thinking https://doc.qt.io/qt-5/stylesheet-reference.html#list-of-pseudo-states,

:focus The item has input focus.

Have a read through https://stackoverflow.com/questions/17280056/qt-css-decoration-on-focus. If the last one there is correct, maybe just

QPushButton:focus {
   border: none;
   outline: none;
}

will do it?

[sofneo]

Yes, it works! I've been stuck on this for so long and I'm so happy. I'm currently using:
'ui.exit_long_button->setStyleSheet("QPushButton:focus{border: none;outline: none;}");'
however is there a more logistic way of doing this because this overwrites all of the current settings? I just want it to change the QPushButton:focus rather than overwrite all of the properties.

[JonB]

@sofneo

I just want it to change the QPushButton:focus rather than overwrite all of the properties.

• You can try instead doing the focus via QStyle code. Don't know what you'd need to do for that, maybe that link helps you.

• You do not have to set stylesheet on a QWidget explicitly. You can have a big stylesheet on the application as a whole, and set that setStyleSheet(const QString &sheet). If your rule is QPsshButton ... it would apply to all push buttons, if you only want it on specific you could e.g. give it an objectName and use #theObjectName ... rule selector to address just that button.

• When wanting to add stylesheet to an element which may already have its own stylesheet without destroying whatever might or might not be there, you should do:

QString ss = btn->styleSheet();
ss += " QPushButton:focus{border: none;outline: none;}";
btn->setStyleSheet(ss);

[sofneo]

It doesn't seem to work. This is the code that I'm using:

    QString new_stylesheet = ui.exit_long_button->styleSheet();
    new_stylesheet += "QPushButton:focus{border: none;outline: none;}";
    ui.exit_long_button->setStyleSheet(new_stylesheet);

Button before: https://gyazo.com/a5215294117b7464cf77e774acb30a67
Button after: https://gyazo.com/ee2154ec99096cb5754c2930f29d8b2c

[Bonnie]

Do you need keyboard focus or not?
If you don't need the button to get keyboard focus, you can simply use setFocusPolicy(Qt::NoFocus) (also can be set in designer).
Then it will never be focused, hence never has focus frame.

[JonB]

@sofneo

It doesn't seem to work.

You are the one who said

Yes, it works! I've been stuck on this for so long and I'm so happy. I'm currently using:

'ui.exit_long_button->setStyleSheet("QPushButton:focus{border: none;outline: none;}");'

If it works for that it should work for the new_stylesheet way. Unless, at a guess, you have something there which is not already terminated by a ; so you end up with illegal

something: somevalue  QPushButton:focus{border: none;outline: none;}

Don't do that! Always leave your stylesheet rules properly terminated!

Print out new_stylesheet and look at it. If you need to code for preceeding something do so (e.g. add a terminating ;), or put the new stuff at the beginning instead:

new_stylesheet = "QPushButton:focus{border: none;outline: none;} " + new_stylesheet;

If you can afford to solve your problem @Bonnie 's way that's fine. You should in any case be familiar with how you can alter existing stylesheets.

[sofneo]

@Bonnie Thanks - worked a charm!