// fixed: 修复自动填充导致的字体及背景异常
.el-input__inner {
&:-webkit-autofill,
&:-webkit-autofill:hover,
&:-webkit-autofill:focus,
&:-webkit-autofill:active {
box-shadow: 0 0 0 68px $background_white inset !important;
-moz-box-shadow: 0 0 0 68px $background_white inset !important;
-webkit-box-shadow: 0 0 0 68px $background_white inset !important;
}
&:-webkit-autofill::first-line {
@include font-m-16-19;
}
}
crome中input输入框自动填充时的背景及字体修改
最新推荐文章于 2024-06-12 17:14:18 发布
这篇博客主要讨论了如何解决前端开发中自动填充导致的字体和背景异常问题,通过修改`.el-input__inner`的选择器,设置正确的阴影和背景颜色,确保输入框在自动填充状态下的样式一致性。同时,还涉及到了字体大小的调整,以保持界面的统一视觉体验。
摘要由CSDN通过智能技术生成