禁用Android浏览器（WebKit）的输入焦点发光

Question

我正在尝试为网页设置输入样式。 在Android 4.0.4默认浏览器上查看网页时，关注输入会应用蓝色光晕。

空闲：

专注于输入：

我想禁用那个蓝色边框（并制作我自己的边框），但是如果我设置-webkit-user-modify: read-write-plaintext-only，输入将丢失其类型（HTML type="number"）并且不会向上滑动数字键盘（如屏幕截图所示）。

CSS Properties尝试：

1. -webkit-user-modify: read-write-plaintext-only与-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
2. outline: none
3. border: 0
4. box-shadow: none

是否可以禁用此WebKit功能但保留数字键盘？ 谢谢;）

Answer 1

试试这个:)（改为你想要的颜色/不透明度

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);