最近在开发中遇到的一个问题，当网站的背景为黑色，用户使用input框中输入内容时，自动填充属性会将内容区域的背景色变为白色，如果要更改背景色，只能寻找替代方案
解决方式是：
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #1b1b1b inset !important; -webkit-text-fill-color: white !important; }
我们在这里所做的只是选择伪元素“自动填充”，然后在其内部应用一个巨大的框阴影，因此背景将被框阴影插图覆盖
然后通过属性text-fill-color为white
效果如下
![@HVNDV8L_])4N{D()4(]`@T.png](https://ucc.alicdn.com/pic/developer-ecology/039689ffe6864b16b7e11ced62c932b9.png?x-oss-process=image/resize,w_1400/format,webp "@HVNDV8L_])4N{D()4(]`@T.png")
![@HVNDV8L_])4N{D()4(]`@T.png](https://ucc.alicdn.com/pic/developer-ecology/e318cffc5a13491eb1b901c0c8f657fe.png?x-oss-process=image/resize,w_1400/format,webp "@HVNDV8L_])4N{D()4(]`@T.png")
![@HVNDV8L_])4N{D()4(]`@T.png](https://ucc.alicdn.com/pic/developer-ecology/b3040a2fdb8243438e67d19d456e065c.png?x-oss-process=image/resize,w_1400/format,webp "@HVNDV8L_])4N{D()4(]`@T.png")
![@HVNDV8L_])4N{D()4(]`@T.png](https://ucc.alicdn.com/pic/developer-ecology/7189bd1dfa1840868fd989ca19578a79.png?x-oss-process=image/resize,w_1400/format,webp "@HVNDV8L_])4N{D()4(]`@T.png")
