禁用文本选择onclick按钮

Question

当用户点击按钮时，如何避免文本周围有一个虚线选择矩形，请参见下图。我已经尝试添加css规则user-select: none;，我在另一个问题中看到了，但这似乎不起作用。

有什么建议吗？

编辑：此问题仅出现在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;
}