When a, input and other elements obtain the focus in the android native browser, an orange highlighted border appears on the peripheral of the element (as shown in the figure below ).
To remove it, the common method is:
The code is as follows: |
Copy code |
A: focus, input: focus {-webkit-tap-highlight-color: rgba (0, 0, 0 );} |
However, it seems that this solution is invalid in browsers of android 4.0 or later versions. One known method to remove highlighted borders in browsers later than android 4.0 is:
The code is as follows: |
Copy code |
A: focus, input: focus {-webkit-user-modify: read-write-plaintext-only ;} |
Therefore, combining the above two methods is a relatively complete solution to 'highlight the border when removing a/input and other elements in the android browser to get the focus:
The code is as follows: |
Copy code |
A: focus, input: focus { -Webkit-tap-highlight-color: rgba (0, 0, 0 ); -Webkit-user-modify: read-write-plaintext-only; } |