Отключить выбор текста на кнопке onclick

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; 
}