Текст в абзаце становится темнее, когда я фокусирую элемент ввода ⇐ CSS

[Anonymous]

У меня есть простой код для воспроизведения этого странного поведения, которое я не могу понять, как решить: когда я просто щелкаю внутри элемента ввода, текст в абзаце становится темнее, кажется, что он теряет некоторую непрозрачность. Сфокусируйтесь на элементе ввода и отведите его, щелкнув его, и вы увидите это. Вы можете просто скопировать код и попробовать, это довольно легко увидеть.
Я вижу, что с другими цветами я не вижу такого поведения, но я хочу быть свободен в выборе любого цвета для абзаца.
Почему это происходит и как я могу предотвратить любое изменение текста абзаца, когда я фокусирую элемент ввода?
< div class="snippet">

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

body {
background-color: rgb(57, 57, 57);
}

p {
color: rgb(243, 0, 0);
}

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

I'm just a text that get's weird when i focus the input tag

Подробнее здесь: https://stackoverflow.com/questions/793 ... ut-element