解决input标签的自动填充背景问题且可以更改字体颜色

对于我们光谷做网站公司来说，设计网页的过程中经常会遇到样式调整的问题，比如今天就遇到了一个没见过的问题，input标签的在输入数据时自动填充，背景会显示黄颜色的问题，如下图：为自动填充情况：

那么应该如何解决这个样式的bug呢？下面给大家分享一下：

我们可以用autofill伪类来控制css

input:-webkit-autofill {

  transition: background-color 5000s ease-in-out 0s;

}

对于字体颜色：用text-fill-color用来控制input自动填充的字体颜色。

input { -webkit-text-fill-color: #0c3ce9;  //颜色是设置成你需要的颜色 }

经测试对于Google等较高版本浏览器都有效，赶紧试试吧~

TAG标签: 标签自动填充颜色