CSS стили для placeholder

CSS стили для атрибута placeholder="" можно задать через псевдокласс ::placeholder и вендорными префиксами для разных браузеров:

  • ::-webkit-input-placeholder
  • ::-moz-placeholder
  • :-moz-placeholder
  • :-ms-input-placeholder
input[type=text]::-webkit-input-placeholder {
	font-size: 12px;
	color: rgb(245, 245, 245);
}
input[type=text]::-moz-placeholder {
	font-size: 12px;
	color: rgb(245, 245, 245);
}
input[type=text]:-moz-placeholder {
	font-size: 12px;
	color: rgb(245, 245, 245);
}
input[type=text]:-ms-input-placeholder {
	font-size: 12px;
	color: rgb(245, 245, 245);
}
input[type=text]::placeholder {
	font-size: 12px;
	color: rgb(245, 245, 245);
}
CSS

Placeholder-shown

Также есть псевдокласс :placeholder-shown который позволяет выделить инпут до того как в него будет введен текст.

input[type=text]:placeholder-shown {
	border: 1px solid red;
}
CSS
11.10.2016 , обновлено 13.01.2020
Предыдущая запись Как отключить тег br
Следующая запись Clearfix – отмена действия float

Комментарии

, чтобы добавить комментарий.

Другие публикации

Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
12.06.2019
11468
+5
Подключение шрифтов в CSS
Если не вникать в подробности, по быстрому подключить шрифт можно так...
14.02.2020
419
0
Переезд сайта на HTTPS
В последнее время вопрос переезда сайта с HTTP на HTTPS перешел из рекомендаций в необходимость, как со стороны поисковиков, так и браузеров.
21.02.2020
143
0
Селекторы JQuery
В jQuery, селекторы в основном позаимствованы из CSS 1-3, также добавлены свои, что дало хороший набор инструментов для манипуляций с элементами в документе.
07.08.2019
1105
+3
Работа с checkbox в JQuery
Сборник приемов JQuery для работы с чекбоксом.
14.12.2016
68618
+4
Как сделать табы на jQuery
Сделать табы на jQuery очень просто, сделаем HTML разметку и добавим к нему JS код...
08.02.2018
5572
+1