解决Google浏览器记住密码 输入区域的黄色背景

2019-06-17 14:18:07长沙做网站严微

1.网上说的通过设置内阴影的方法要慎用,如果input背景是黑色,则会造成文字显示异常。
2.下面这种方法经测试,在各个浏览器表现良好,原理是通过transition颜色变换,此方法会引起光标颜色异常。可以使用caret-color是新出的属性来设置光标颜色,如果要兼容ie678,注意兼容性。

先在input对应的css中设置:
-webkit-text-fill-color: #ffffff;
caret-color: #fff; / 光标颜色 /
然后添加伪类:
input:focus { outline: none; }
input:-webkit-autofill {  
-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s;
}

上一篇:

HTML5-语义化

下一篇:

前端的http状态码是什么,它有什么用,在 返 回

Copyright © 2009-2019 Ywcms.Com All Right Reserved.  湖南严微网络科技有限公司©版权所有   湘ICP备16006489号-2