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

Question

当我尝试在输入字段中选择浏览器保存的选项时，我遇到了 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;
}

input:-webkit-autofill 是您需要用来“覆盖”由“webkit”自动应用的用户代理样式的选择器。
但是，似乎被“窃听”，因为它不接受背景颜色:透明，所以我使用的技巧是以这种方式创建过渡。