去掉chrome浏览器中input被自动填充后的背景色

chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的input输入框自动填充了背景色.但这个颜色不是我们的产品需求中想要表现的样式,想把它改掉.

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 32px #fff inset; /**通过边框阴影遮挡住背景*/
    -webkit-text-fill-color: #333; /*自动填充内容的文本颜色*/
}

还有另外一种通过填充背景图片的方式也可以规避掉被填充的背景色.不如这种投影的方式简单,记住这种就可以了.

    原文作者:suchcl
    原文地址: https://blog.csdn.net/hbysj/article/details/105992023
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞