Chrome :-internal-autofill-selected 覆盖

【问题标题】：Chrome :-internal-autofill-selected overwriteChrome :-internal-autofill-selected 覆盖
【发布时间】：2022-08-02 19:17:54
【问题描述】：

如何（使用 css）覆盖 Chrome 的默认输入类：-internal-autofill-selected？

使用正文输入：-internal-autofill-selected确实显示为正在使用，但 <input 实际上仍然是白色的......

body input:-internal-autofill-selected {
    background-color: pink !important;
}

这是它在 chrome 中的外观，但如前所述，背景颜色仍然是白色

【解决方案1】：

根据您的问题，我不是 100% 确定您要达到的目标，将颜色设置为您喜欢的颜色，或者摆脱默认的蓝色背景？

如果您尝试将颜色更改为自定义颜色，则可以将此声明添加到您的 CSS 规则中：

box-shadow: 0 0 0 1000px pink inset;

下面的解决方案让我摆脱了默认的蓝色背景，而不是尝试使用背景颜色属性将其覆盖为白色。

-webkit-background-clip: text;
background-clip: text;

【讨论】：