Использование var() для ::placeholder не работает ⇐ Html

[Anonymous]

У меня есть ввод, определенный на HTML-странице следующим образом:

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

:root
{
--placeholder-color: red;
}

input::placeholder
{
color: var(--placeholder-color);
}

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

Похоже, это не работает. Если я изменю последнее определение на:

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

input::placeholder
{
color: red;
}

тогда текст-заполнитель действительно отображается красным.
Так почему же это не работает при использовании функции var()? Я тестировал его как в Edge, так и в Firefox, и оба браузера не используют значение, указанное в переменной.
Я делаю что-то неправильно, или это просто не поддерживается?

Подробнее здесь: https://stackoverflow.com/questions/798 ... s-not-work