javascript - Adaptation Android et H5

Question

Sur certaines machines Android, lorsque vous ouvrez la page H5, une case bleue supplémentaire apparaîtra. Après le test, cette case est le focus Elle n'est pas dans la bonne position lors de l'initialisation. Si vous déplacez la case de focus, ce sera normal. la prochaine fois. Ouvrez-le uniquement. La page Web n'a pas été initialisée correctement, et pourquoi le focus est-il une boîte bleue ? ? Cela doit-il être défini sur Android ou H5 ?

Answer 1

Essayez ce CSS

    html {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

Answer 2

Le bleu est leur couleur par défaut, qui peut être directement définie sur transparent
input[type="text"], input[type="tel"], a { -webkit-tap-highlight-color: transparent }