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 with -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
2. 大纲:无
3. 边框:0
4. box-shadow: none

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

Answer 1

试试这个 :)(更改为您想要的任何颜色/不透明度

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