How do I remove the blue outline from focused buttons?

Hello!

I have these buttons I’m using in a widget, buttons which are widgets themselves.

When the widget is first created and I use the “set focus” node to focus on the first one, it looks correct.
Screenshot 2023-05-07 223243

But when I use the keyboard to navigate between the buttons, it gets this ugly blue outline I can’t get rid of.
Screenshot 2023-05-07 223251

I changed the project settings to never show focus rules, it didn’t help.
I tried removing it in the button’s styling options, by removing the outline, and the hovered/pressed background, nothing seems to work.

Anyone has any idea how to get rid of it?

Thanks!

2 Likes

afaik, change this in project settings


the option shown here is the default, there is a ‘never’ option that is probably what you are looking for.

12 Likes