How do i remove outline around text in button ?

Help
,
1

Godot Version

4.5

Question

I added a button in this manner

image
image441×348 12.8 KB

image
image248×152 1.61 KB

why is there such outline and how do i remove this i tried overriding styles but doesn’t make any change

2
Assuming that the outline only appears after clicking on the button or pressing Tab

The outline is supposed to show that you are “focussing” the button, which is useful for keyboard navigation.

  1. If you want to ditch focussing altogether you can set the Button’s focus_mode to “None”:
    image
    image243×489 16.4 KB
  2. Alternatively, overriding the “Focus” style with a StyleBoxEmpty should work:
    image
    image243×679 20.6 KB

Otherwise, could you share an MRP (minimal reproducible project)? There definitely shouldn’t always be an outline around the default buttons

1 Like
3

That outline comes from the theme. @yesko has your answer if it’s focus related, and otherwise the answer is similar; it’ll be the normal or pressed or hovered style for the button that’s doing it.

1 Like
4

yeaah the issue that was coming from focus, i changed all and forgot to handle this