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