Fokusstatus der Schaltfläche nach dem Klicken entfernen ⇐ CSS

[Guest]

Ich versuche, den Fokusstatus einer Schaltfläche zu entfernen, sobald darauf geklickt wird. Das Problem besteht darin, dass das Klickereignis für diese Schaltfläche wieder funktioniert, wenn ich auf eine Schaltfläche klicke und danach nicht mehr auf eine andere Stelle klicke, sondern einfach auf die EINGABETASTE drücke.


Ich habe versucht, Outline: none zum CSS hinzuzufügen, aber dadurch wird das nicht entfernt Tatsächliche Funktionalität der Schaltfläche im Fokuszustand.
Was kann die Lösung dafür sein?

Code: Select all

function test() {
console.log(1)
}

Code: Select all

/** Many solutions mentioned this but this is just removing the view state */

button {
outline: none
}

Code: Select all

Click