Справочник по CSS
Псевдокласс :-moz-placeholder
Internet Explorer
Chrome
Opera
Safari
Firefox
Android
iOS
4.0+
Краткая информация
Значение по умолчанию
Нет.
Наследуется
Да
Применяется
К <input> , <textarea>
Процентная запись
Неприменима
Версии CSS
CSS 1
CSS 2
CSS 2.1
CSS 3
Описание
Псевдокласс, с помощью которого задаётся стилевое оформление подсказывающего текста созданного атрибутом placeholder . Совместно с :-moz-placeholder допускается использовать свойства для изменения вида текста, например, задать шрифт и цвет.
Синтаксис
input:-moz-placeholder {...}
textarea:-moz-placeholder {...}
Значения
Нет.
Пример
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>-moz-placeholder</title>
<style>
body { background: #053f38; }
input[type="search"] {
border: 1px solid #98baba; /* Параметры рамки */
background: transparent; /* Прозрачный фон */
padding: 1px 4px; /* Поля вокруг текста */
color: #fff; /* Цвет текста */
}
input[type="search"]:-moz-placeholder {
color: #ffd595; /* Цвет подсказывающего текста */
}
</style>
</head>
<body>
<form>
<p><input type="search" placeholder="Поиск по сайту" name="q">
<input type="submit" value="Найти"></p>
</form>
</body>
</html>
Результат примера показан на рис. 1.
Рис. 1. Использование псевдокласса :-moz-placeholder
Браузеры
Safari и Chrome поддерживают псевдокласс ::-webkit-input-placeholder .
Дежурная шутка — Слышал, в Интернете уже вовсю торгуют кирпичами с Андреевского спуска?
— Интересно, если покупаешь кирпич для Януковича, получаешь скидку?