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