В Safari это выглядит так (примечание: в моем приложении нет желтых или зеленых стилей):

В Chrome выглядит следующим образом (он имеет синий цвет и использует шрифт, который я не указал в CSS; обратите внимание, насколько текст маленький и не имеет стиля, прежде чем полностью его выделить):

Как мне управлять всеми этими стилями? На данный момент мне бы хотелось, чтобы он был просто белым во всех случаях (фон белый), а стиль текста был одинаковым во всех состояниях (заполнитель — немного более светлый серый текст, но это все).
Я попробовал стилизовать input:focus::placeholder {, но, похоже, это не имеет никакого отношения к происходящим вещам. Я попробовал input:active, который, как мне кажется, является состоянием при выборе значения автозаполнения, но ничего не получилось. Есть идеи?
Вот мой полный вклад, если это имеет значение:
Код: Выделить всё
Обновить
Согласно предложению @Qyriad :autofill, я зашел так далеко:
Код: Выделить всё
input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: var(--color-base-background) !important;
color: fieldtext !important;
}
input:-webkit-autofill::first-line {
background: var(--color-base-background);
font-family: 'Noto Sans Mono';
font-size: 16px;
}
input:auto-fill {
background: var(--color-base-background);
font-family: 'Noto Sans Mono';
font-size: 16px;
}
input:-webkit-autofill {
background: var(--color-base-background);
font-family: 'Noto Sans Mono';
font-size: 16px;
}

Но стиль шрифта по-прежнему не работает ... Похоже, это ошибка.
Подробнее здесь: https://stackoverflow.com/questions/774 ... e-values-i