有什么方法可以更改角度材料上的浏览器自动完成视觉效果？

Question

当我尝试在输入字段中选择浏览器保存的选项时，我遇到了角度材质问题。

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

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”自动应用的用户代理样式的选择器。

但是，似乎被“窃听”了，因为它不接受 background-color: transparent，所以我使用的技巧是通过这种方式创建过渡。