html - 前端开发：元素的点击时会产生黑色阴影层，ios设备会，安卓不会有

Question

前端开发：元素的点击时会产生黑色阴影层，ios设备会，安卓不会有
现在遇到的元素主要是input，前几天遇到一个p也有，这个是为什么？没有mac调试不了
（各种模拟器都没有这个问题）

Answer 1

-webkit-tap-highlight-color is an unsupported WebKit property that does not appear in the draft CSS specification.
Override the highlight color displayed when the user clicks on a link or clickable element in JavaScript on iOS.
This attribute can only set transparency. If transparency is not set, iOS Safari uses the default transparency. When the transparency is set to 0, this attribute is disabled; when the transparency is set to 1, the element is not visible when clicked.
Syntax:
-webkit-tap-highlight-color: color
Default value: inherit
Applicable to: link elements such as new window opening, img elements such as saving images, etc.

Answer 2

outline: none;

Answer 3

input[type=button]{
    -webkit-appearance:none;
    outline:none
}

Maybe overkill, but it works great on iOS.