输入焦点的浏览器自动填充问题
Sun*_*arg 4 html javascript css autofill
我有一个登录表单，浏览器已为其保存了用户登录详细信息。所以当我在浏览器中打开此页面时，它会显示如下
但是当我点击页面或按任何按钮时
这是预期的默认行为。
我努力了
document.body.focus()
onload但这不起作用。
然后我将焦点集中在其中一个输入（名称）上，但其他字段呢？对此最好的解决方案是什么？
我知道这种花哨的样式不好，但是有解决方法吗？
小智 5
我在使用 React 和 Styled Components 时遇到了这个问题。<label>为了解决这个问题，我在样式组件（这是一个）中使用了以下 css ：
input:-webkit-autofill + &
这是通过检查输入中的自动填充并应用我们所需的样式（如果为真）来实现的。
注意：您可能需要替换&为input.