В браузере Edge, как изменить цвет текста заполнителя ввода с помощью CSS?

в браузере Edge я не смог изменить цвет заполнителя ввода.

:-ms-input-placeholder не работает, но отлично работает на IE 10 & IE 11.

input:-ms-input-placeholder {
    font-style:italic;        
    color: red;
    background-color: yellow;
}

есть ли возможность заставить его работать с помощью CSS?

9
css html microsoft-edge placeholder

3 ответов

от CanIUse.com

:: - webkit-ввод-заполнитель для (Chrome / Safari / Opera)

: - ms-input-placeholder для IE.

:: - ms-input-placeholder для Edge (также поддерживает префикс webkit)

обратите внимание на двойное двоеточие

21

для текущей версии браузера Microsoft Edge заполнитель работает неправильно. Взгляните на этот вопрос Microsoft Edge заполнитель ошибка. Если заполнитель невидим, попробуйте удалить position: relative и :-webkit-input-placeholder непрозрачность.

6

Я хочу, чтобы второй комментарий @ken на ответ @Paulie_D, выше.

это работает: input[type="text"]::-ms-input-placeholder { color: #000; }

это не: input[type="text"]::placeholder, input[type="text"]::-ms-input-placeholder { color: #000; }

Я не уверен, почему, но определенно кажется, что псевдо-элемент-ms-input-placeholder работает только, если он отделен от других директив.

2