【问题标题】：Removing input background colour for Chrome autocomplete? Transparent background color?删除 Chrome 自动完成的输入背景颜色？透明背景色？
【发布时间】：2021-09-13 09:22:58
【问题描述】：
我有一个表单，其中自动完成功能采用蓝色背景色。我的表单具有半透明的白色背景颜色。我能够使用这个 CSS 属性将自动填充的颜色更改为白色
-webkit-box-shadow: 0 0 50px white inset;
不幸的是，如果我设置了半透明颜色，CSS 属性将不再起作用。任何人都可以解决这个问题吗？我还用!important 在这里找到了不同的属性。
【问题讨论】：
标签：
html
css
google-chrome
autofill
【解决方案1】：
我假设您所说的“CSS 属性不再起作用”是指原始浏览器自动填充颜色在新的半透明颜色后面部分可见（例如，box-shadow 颜色就像原始浏览器的叠加层一样）颜色）。
你可以做的是链接多个盒子阴影。将最后一个设置为纯色，如下所示：
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.5) inset, 0 0 0px 1000px #ff0000 inset;
}