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

大綱：無；

Answer 3

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

可能矯枉過正，但 iOS 下很好用。