记录谷歌浏览器会自动给inout添加 -webkit-autofill 的事件

时间:2024-05-22 09:19:57

2020/05/15

记录谷歌浏览器会自动给inout添加 -webit-autofill 的事件
记录谷歌浏览器会自动给inout添加 -webkit-autofill 的事件
今天在后台登录时发现一个问题: 因为输入框 input 是透明的,在谷歌浏览器中输入时,会有输入提示,如下面:
记录谷歌浏览器会自动给inout添加 -webkit-autofill 的事件
选择下面的提示后会出现黑框:
记录谷歌浏览器会自动给inout添加 -webkit-autofill 的事件
F12中查看,谷歌会自动添加一个 input:-webkit-autofill 的class
记录谷歌浏览器会自动给inout添加 -webkit-autofill 的事件
这个问题使用百度的解决方法

  1. 重写class, 赋予更大的优先级
  2. 使用input 的 autocomplete 的属性禁止提示

均无效

特此记录一下

有其他方案的请不吝赐教,非常感谢