chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的input输入框自动填充了背景色.但这个颜色不是我们的产品需求中想要表现的样式,想把它改掉.
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 32px #fff inset; /**通过边框阴影遮挡住背景*/
-webkit-text-fill-color: #333; /*自动填充内容的文本颜色*/
}
还有另外一种通过填充背景图片的方式也可以规避掉被填充的背景色.不如这种投影的方式简单,记住这种就可以了.