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

Question

我正在尝试为网页设置输入样式。 当在 Android 4.0.4 默认浏览器上查看网页时，专注于输入会发出蓝光。

空闲：

重点输入：

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

尝试过的 CSS 属性：

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);