Я использую выделенное текстовое поле mdc
https://material -components.github.io / материал-компоненты-веб-каталог / # / компонент / текстовое поле для ввода имени пользователя и пароля.
Когда Chrome автоматически заполняет мои поля, границы и метки с плавающей точкой не видны:

Я пытался исправить это с помощью этого кода:
field.foundation_.notchOutline(true);
field.foundation_.adapter_.floatLabel(true);
field.foundation_.adapter_.shakeLabel(true);
Все позиции пересчитываются, но стили -webkit-autofill по-прежнему охватывают необходимые элементы.
Кто-то решил подобную проблему?
В конце концов, должен быть нарисован как
