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

Question

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

Answer 1

-webkit-tap-highlight-color est une propriété WebKit non prise en charge qui n'apparaît pas dans le projet de spécification CSS.
Remplacez la couleur de surbrillance affichée lorsque l'utilisateur clique sur un lien ou un élément cliquable en JavaScript sur iOS.
Cet attribut ne peut définir que la transparence. Si la transparence n'est pas définie, iOS Safari utilise la transparence par défaut. Lorsque la transparence est définie sur 0, cet attribut est désactivé ; lorsque la transparence est définie sur 1, l'élément n'est pas visible lorsque vous cliquez dessus.
Syntaxe :
-webkit-tap-highlight-color : color
Valeur par défaut : hériter
Applicable à : des éléments de lien tels que l'ouverture d'une nouvelle fenêtre, des éléments img tels que l'enregistrement d'images, etc.

Answer 2

contour : aucun ;

Answer 3

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

C'est peut-être exagéré, mais cela fonctionne très bien sur iOS.