Красный текст ошибки под вводом теряет контрастность при фокусе ввода в Windows ⇐ CSS

[Anonymous]

У меня есть простой текст ошибки ввода и проверки. Эти элементы размещаются на темном фоне.
Проблема в том, что когда текст ошибки проверки виден и я нажимаю на поле ввода, текст ошибки теряет контраст и становится «тоньше». В Web Inspector стили не изменяются.
Если у меня светлый фон или я помещаю текст перед вводом (а не под ним), эта ошибка не появляется.
Эта ошибка появляется только Windows, macOS не имеет этой проблемы. Я тестировал его в Windows 11, Chrome 126.
Чтобы воспроизвести, поместите этот код в HTML-файл и откройте его в Windows, нажмите на ввод и посмотрите, как текст ошибки меняет внешний вид. p>

Код: Выделить всё

some text

Ссылка на Stackblitz с демо
Вопрос в том, как обеспечить единообразие стилей, чтобы текст ошибки не менялся при фокусе ввода?

Подробнее здесь: https://stackoverflow.com/questions/786 ... on-windows