禁止谷歌浏览器自动填充密码 输入框背景颜色改变还原

禁止谷歌浏览器自动填充密码

vue

在type为password的input中加auto-complete="new-password"属性即可

<el-form-item label="新密码：" prop="newPassword"><el-input v-model="form.newPassword" type="password" placeholder="请输入新密码" auto-complete="new-password" ></el-input></el-form-item>

js+html

添加autocomplete="new-password"

<input id="newPwd" type="password" size="35" placeholder="请输入密码" autocomplete="new-password" />

input输入文字后背景色变成了黄色 CSS改变（去掉黄色背景）

CSS改变：

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset}