有什么方法可以更改 angular material 上的浏览​​器自动完成视觉效果吗？

Question

当我尝试 select 浏览器在输入字段中保存的选项时，我遇到了 angular material 问题。

如您所见，文本周围有一个白色矩形。有什么办法可以去掉它，让文字不显示吗？

Answer 1

请尝试以下操作。

 ::ng-deep input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: black;
}

输入：-webkit-autofill 是您需要用来“覆盖”由“webkit”自动应用的用户代理样式的选择器。

然而，似乎是“窃听”，因为它不接受背景颜色：透明，所以我一直使用的技巧是以这种方式创建过渡。