Как изменить цвет заполнителя конкретного поля ввода?

Я хочу изменить цвет конкретного владельца места. Я использую много полей ввода для моего проекта, проблема в том, что в каком-то разделе мне нужен серый цвет для placeholder, а в каком-то разделе мне нужен белый цвет для placeholder. Я искал эту цель и нашел это решение.

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #909;
 opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #909;
 opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #909;
}

Но этот код реализуется на всех входных заполнителях, и мне не нужен весь входной заполнитель того же цвета. Так кто может мне помочь. Спасибо заранее.

2 ответа

Вам нужно назначить -input-placeholder для некоторого classname и добавить этот класс к любому input, который вам нужен для его заполнителя, так же, как это JS Fiddle


Вы также можете использовать Javascript-решение без заполнителя, чтобы делать то, что хотите. Вот код:

Пожалуйста, не то, чтобы это исправление было временным заполнителем и не должно использоваться для фактических форм входа. Я бы предложил использовать то, что @Ayaz_Shah рекомендовал в своем ответе.

licensed under cc by-sa 3.0 with attribution.