vue 解决浏览器自动回填输入框问题
使用个别浏览器加载页面时,有些输入框会受浏览器自动记住密码影响,自动回填信息,解决:先把输入框设置为只读状态,当获取焦点时再取消这一属性。加:readonly onfocus="this.removeAttribute('readonly');"例如:<el-input size="mini" placeholder="" readonly onfocus="this.removeAttri
·
使用个别浏览器加载页面时,有些输入框会受浏览器自动记住密码影响,自动回填信息,解决:先把输入框设置为只读状态,当获取焦点时再取消这一属性。
加:
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>
,
更多推荐
已为社区贡献9条内容
所有评论(0)