Стиль подсказывающего текста
Описание
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::placeholder работает совместно со свойством content.
Internet Explorer использует псевдокласс :-ms-input-placeholder.
Microsoft Edge использует псевдоэлемент ::-ms-input-placeholder.
Chrome, до версии 57, Opera до версии 44, Safari до версии 10.1 и Android используют псевдоэлемент ::-webkit-input-placeholder.
Firefox с версии 4 и до 19 использует псевдокласс :-moz-placeholder.
Firefox до версии 51 использует псевдоэлемент ::-moz-placeholder.
Синтаксис
Селектор::placeholder { ... }Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#inp::placeholder {
color: black;
font-weight: 900;
text-align: center;
font-size: 1em;
}
</style>
<input type='text' id='inp' placeholder='тест' />
</body>
</html>Читайте также
Свойство background-position-x
Задаёт начальное положение фонового изображения по оси X, установленного с помощью свойства background-image...
Свойство list-style-type
Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынесен за границу элемента списка....
Стиль активного элемента
Определяет стиль активного элемента. Это такое состояние элемента, которое происходит между щелчком и отпусканием клавиши мыши. В основном применяется...
Свойство text-emphasis
Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно....