CSS解决谷歌自动填充密码el-input背景颜色错乱问题，字体间距以及渐变色

最新推荐文章于 2024-05-27 21:00:00 发布

weixin_54129994

最新推荐文章于 2024-05-27 21:00:00 发布

阅读量960

点赞数

文章标签： css vue.js javascript

本文链接：https://blog.csdn.net/weixin_54129994/article/details/132345084

版权

css
1.谷歌浏览器自动填充账号密码时，解决input自动改变背景颜色问题

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: 0 0 0px 1000px #00161D  inset !important;
	caret-color: #fff !important; 
       border:0;
       border-radius: 0;
}

2.字体间距以及字体渐变色

.loginSpan {
         letter-spacing: 0.3vw;
         color: transparent;
         background-image: linear-gradient(to top, #2cf1f1, #a4fafa);
         -webkit-background-clip: text;
}