단추 테두리가있는 테두리 테두리를 제거하는 방법

Question

아래 그림에서 ">"기호 주위에 점선으로 표시된 "내부"테두리가 있음을 알 수 있습니다.

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

나의 현재 CSS는 다음과 같습니다 :

.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