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

Question

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

Answer 1

-webkit-tap-highlight-color 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。
当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。
语法：
-webkit-tap-highlight-color：color
默认值： inherit
适用于：链接元素比如新窗口打开，img元素比如保存图像等等

Answer 2

outline: none;

Answer 3

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

可能矫枉过正，但 iOS 下很好用。