onclick 버튼에서 텍스트 선택 사용 안 함

Question

사용자가 버튼을 클릭하면 텍스트 주위에 점선으로 된 선택 사각형이 생기지 않도록하려면 어떻게해야합니까? 아래 이미지를 참조하십시오. 이미 다른 질문에서 본 CSS 규칙 user-select: none;을 추가하려고 시도했지만 작동하지 않는 것 같습니다.

어떤 제안이?

편집 :

.yourclass 
{ 
outline:none; 
} 

는 희망이 도움이 :이 문제는 (버전 47.0 테스트)

.button { 
 
    background-color: #1a1a1a; 
 
    border: none; 
 
    color: #f8f8f8; 
 
    padding: 10px 40px; 
 
    text-align: center; 
 
    display: inline-block; 
 
    font-size: 16px; 
 
    border-radius: 4px; 
 
    user-select: none; 
 
    -webkit-transition-duration: 0.3s;/* Safari */ 
 
    transition-duration: 0.3s; 
 
} 
 
.button:hover { 
 
    background-color: #595959; 
 
    /* Green */ 
 
    color: white; 
 
}

<button class="button">Button</button>

Answer 1

파이어 폭스에서 버튼의 점선 테두리를 제거의 경우 :

button::-moz-focus-inner { 
    border: 0; 
} 

Answer 2

이 단순히 CSS에 넣고 파이어 폭스에 나타납니다 .

Answer 3

button.button:focus { 
    outline: 0; 
}