MDC TextField，如何修复用户/密码字段的轮廓？

Question

我使用概述的mdc文本字段 https://material-components.github.io/material-components-web-catalog/#/component/text-field用于输入用户名和密码。 当chrome自动填充我的字段时，边框和浮动标签不可见：

我尝试通过以下代码解决此问题：

field.foundation_.notchOutline(true);
field.foundation_.adapter_.floatLabel(true);
field.foundation_.adapter_.shakeLabel(true);

所有位置都会重新计算，但-webkit-autofill样式仍会覆盖必要的元素。

有人解决了类似的问题吗？ 最后应该画成