html - 禁用 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);