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

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

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
 }

你可能感兴趣的:(html,vue,javascript,前端,html)