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.


Unten ist mein Code -

Code: Select all

button { outline: none } /** Many solutions mentioned this but this is just removing the view state */

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

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