Как изменить цвет текста-подсказки в placeholder с помощью стилей CSS?

Чтобы изменить цвет placeholder в форме не достаточно просто прописать color , нужно прописать правила отображения этих полей для браузеров.

 <style>
  ::-webkit-input-placeholder {color:#000000; opacity:1;}/* webkit */
  ::-moz-placeholder          {color:#000000; opacity:1;}/* Firefox 19+ */
  :-moz-placeholder           {color:#000000; opacity:1;}/* Firefox 18- */
  :-ms-input-placeholder      {color:#000000; opacity:1;}/* IE */
</style>

можно использовать для указания этих свойств классы.

.input-phone::-webkit-input-placeholder { color:red; }
 .input-text::-webkit-input-placeholder { color:green; }
 /* и так далее... */

Убираем placeholder при нажатии на поле

  :focus::-webkit-input-placeholder {opacity:0;}/* webkit */
  :focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
  :focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
  :focus:-ms-input-placeholder      {opacity:0;}/* IE */
0

Автор публикации

не в сети 2 дня

admin

0
Комментарии: 0Публикации: 3Регистрация: 28-01-2017