javascript - Android and H5 adaptation

Question

On some Android machines, when you open the H5 page, an additional blue box will appear. After testing, this box is the focus. It was not in the correct position during initialization. If you move the focus box, it will be normal next time. Only when opening the web page, it is not initialized correctly, and why is the focus a blue box? ? Should this be set on Android or H5?

Answer 1

Try this css

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

Answer 2

Blue is their default color, which can be directly set to transparent
input[type="text"], input[type="tel"], a { -webkit-tap-highlight-color: transparent; }