オンキックボタンでテキスト選択を無効にする

Question

ユーザーがボタンをクリックすると、テキストの周囲に点線の選択矩形が表示されないようにするにはどうすればいいですか？私はすでに別の質問で見たCSS規則user-select: none;を追加しようとしましたが、これはうまくいかないようです。

任意の提案ですか？

EDIT：問題はFirefoxのみに表示されます（バージョン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

Firefoxでのボタンの点線の境界線を削除するために：

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

Answer 2

単にあなたのCSSでこれを置く：

.yourclass 
{ 
outline:none; 
} 

はそれが役に立てば幸い。

Answer 3

button.button:focus { 
    outline: 0; 
}