ボタン（フォーカス）の内側の枠線をリセイルまたは削除する方法

Question

下の図では、ボタンがフォーカスされていることを示す ">"記号の周りに破線の「内側の」枠があることがわかります。私の現在のCSSがある

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

：

.TutorialBtn { 
    border: none; 
} 

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

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

私の質問私は私がやっているこれらのボタンを構築しています私のコードでは

を（私は、ボタンの周りに青い枠をも追加しています）単純に：この内側の境界線を削除または再レイアウトするにはどうすればよいですか？

outline: none; 

参考：

Answer 1

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

Answer 2

はアウトラインプロパティを設定することができます。 https://www.w3schools.com/css/css_outline.asp