最近写登录页的登录框碰到了这个问题,在登录一次后再次登录时由于开启了自动登录功能导致了登录框背景出现异常
实际想要的效果是不要这个灰色背景,
mozilla上说是因为许多浏览器的用户代理样式表在其 :-webkit-autofill 样式声明中使用 !important,使它们无法被网页覆盖,除非通过 JavaScript 的方式。
所以很多网上的:-webkit-autofill方法也就都没有了效果,于是就想着Element-plus的input是被多层包裹的,那么是不是可以不要input自身的背景来规避掉这一点,试了一下之后果然可以,具体方法如下:
:deep(.el-input__inner) {
background-clip: text !important;
}
这样就可以去除自动填充的背景框了,可是自动填充导致的input内文本字体变小的问题,仍没有搞定,有大佬搞定的,求分享下。