Wiederherstellen oder Entfernen der Schaltfläche (fokussierte) innere Umrandung

Question

In der folgenden Abbildung sehen Sie, dass um das Symbol ">" ein gestrichelter "innerer" Rand ist, der darauf hinweist, dass die Schaltfläche aktiviert ist. (Ich habe auch einen blauen Rand um den Knopf)

In meinem Code, wo ich diese Tasten am Konstruieren ich tue:

setTimeout(function() { 
    nextBtn.focus(); 
}, 100); 

Mein aktueller CSS ist:

.TutorialBtn { 
    border: none; 
} 

.TutorialBtn:hover:enabled { 
    background: #5BE3F5; 
} 

.TutorialBtn:focus { 
    border: 2px solid blue; 
} 

Meine Frage ist einfach: Wie kann ich diese innere Grenze entfernen oder neu gestalten?

Answer 1

input[type="submit"]:focus{outline:none} 
input[type="submit"]::-moz-focus-inner{border:none} 

Answer 2

Sie können die Kontur Eigenschaft:

outline: none; 

Ref. https://www.w3schools.com/css/css_outline.asp