禁止谷歌浏览器自动填充密码
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
}

在Vue.js中,可以通过在type为password的input元素上添加auto-complete=new-password属性来阻止谷歌浏览器自动填充密码。对于HTML,同样可以使用autocomplete=new-password。此外,文章还提供了一个CSS样式来去除输入框被自动填充后的黄色背景。
4063

被折叠的 条评论
为什么被折叠?



