使用个别浏览器加载页面时,有些输入框会受浏览器自动记住密码影响,自动回填信息,解决:先把输入框设置为只读状态,当获取焦点时再取消这一属性。

加:

readonly onfocus="this.removeAttribute('readonly');"

例如:

<el-input size="mini" placeholder="" readonly onfocus="this.removeAttribute('readonly');" v-model="formPass.testUserCode"></el-input>

如果不需要取消自动回填,要修改自动回填后的输入框背景色,例如:我的需求是做一个透明底色的登录表单

<style>
/* 设置输入框背景色透明 */
.login_form .el-input__inner {
     background-color: transparent !important;
     color: #c0c4cc  !important;
}
/* 记住密码时背景会自动回填 设置成透明 */
.login_form .el-input__inner:-webkit-autofill {
    transition: background-color 50000s ease-in-out 0s !important;
    -webkit-text-fill-color: #c0c4cc  !important;
    caret-color: #fff !important;
}
</style>

Logo

前往低代码交流专区

更多推荐