单击按钮时如何删除蓝色框填充？

Question

这是我在设备上屏幕录制的 gif，您可以在其中看到我正在谈论的蓝色框填充：

我尝试这样做：

* {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
};

button, 
button:active, 
button:focus {
  outline: none;
};

但它并不能解决消除蓝色框填充的问题，因为它并不是真正的焦点边框或outline.

Answer 1

您要查找的属性是tap-highlight-color

-webkit-tap-highlight-color: transparent;