How to click button without showing focus

[Darkstarinternet]

I'm loving textual but I'm having an issue I can't figure out. I am trying to create buttons that don't show the focused state. When I use a key binding to press the button it works exactly how I want, however if I click a button using the mouse the button gets a focused state which shows as a highlight around the text label. How do I remove this focus indicator so it acts just like it does with the key binding?

My simple example is:

from textual import log
from textual.app import App
from textual.app import ComposeResult
from textual.widgets import Button
from textual.widgets import Footer
from textual.widgets import Header


class ButtonsApp(App[None]):

    AUTO_FOCUS = ""
    BINDINGS = [
        ("d", "press_default", "Default"),
        ("p", "press_primary", "Primary"),
        ("s", "press_success", "Success"),
        ("q", "quit", "Quit"),
    ]
    CSS = """
        Button {
          margin: 1 2;
        }        
        Label {
          margin: 1 2;
        }
    """

    def __init__(self) -> None:
        super().__init__()
        self.buttons: dict[str, Button] = {
            "default": Button(label="Default", id="default-button"),
            "primary": Button(label="Primary", variant="primary", id="primary-button"),
            "success": Button.success(label="Success", id="success-button"),
        }

    def compose(self) -> ComposeResult:
        yield Header(show_clock=True)
        yield self.buttons["default"]
        yield self.buttons["primary"]
        yield self.buttons["success"]
        yield Footer()

    def action_press_default(self) -> None:
        self.buttons["default"].action_press()

    def action_press_primary(self) -> None:
        self.buttons["primary"].action_press()

    def action_press_success(self) -> None:
        self.buttons["success"].action_press()

    def on_button_pressed(self, event: Button.Pressed) -> None:
        match event.button.id:
            case "default-button":
                log("Default button pressed")
            case "primary-button":
                log("Primary button pressed")
            case "success-button":
                log("Success button pressed")


if __name__ == "__main__":
    app = ButtonsApp()
    app.run()

[TomJGooding]

I am trying to create buttons that don't show the focused state... which shows as a highlight around the text label.

This comes from the :focus pseudo-class defined in the Button default styling:

textual/src/textual/widgets/_button.py

Lines 53 to 54 in f55610e

	&:focus {
	text-style: bold reverse;

You can simply override this in your CSS (however then of course you won't know what button is currently focused!):

    Button:focus {
        text-style: bold;
    }

[Darkstarinternet]

That's great, thank you!