| 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.
Браузери
Firefox до версії 19.0 підтримує запис з одним двокрапкою :-moz-placeholder
Safari і Chrome підтримують псевдоклас ::-webkit-input-placeholder .