清除谷歌浏览器的自动填充以及去除自带的背景

在前端开发项目中,由于我们经常使用谷歌浏览器来进行测试,就免不了保存账号密码在谷歌浏览器上,保存完之后谷歌浏览器会自动填充之前保存的账号和密码,有时候如果不想浏览器自动填充,只需要在密码框里加上一条属性 autocomplete=“new-password” 即可

<input  type='password'  autocomplete="new-password"/>

清除自带的黄色背景可以通过重新设定输入框的样式

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  }