欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 美景 > 去除账号密码自动赋值时的输入框背景色

去除账号密码自动赋值时的输入框背景色

2025/5/13 18:11:58 来源:https://blog.csdn.net/qq_64760783/article/details/144284027  浏览:    关键词:去除账号密码自动赋值时的输入框背景色

问题描述:

前端使用账号密码登录,若在网页保存过当前页面的密码和账号,那么当再次进入该页面,网页会自动的把账号和密码赋到输入框中,而此时输入框是带有背景色的,与周边的白色背景显得很不协调;因此想让其被赋值后背景色依旧是白色

html部分:给el-input加一个css类名,更便于直接选中输入框更改样式

<el-form-item prop="mobile"><el-inputv-model="form.mobile"class="elinput"placeholder="手机号"prefix-icon="User"autocomplete="off"/></el-form-item>

css部分:需要使用deep样式穿透以及使用important提高到最高优先级(但一般情况下不建议使用important)

    :deep(.elinput .el-input__inner:-webkit-autofill) {background-color: #ffffff !important; /*在这里换成你想要的颜色*/transition: background-color 5000s ease-in-out 0s !important;}css

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词