Стиль подсказывающего текста
Описание
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::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>Читайте также
Класс
Классы применяют, когда необходимо определить стиль для одного или нескольких элементов веб-страницы. Элементы при этом могут быть разными, но иметь ч...
Свойство object-fit
Управляет соотношением сторон заменяемых элементов, таких как img и video, когда у них задана ширина или высота, а также способом масштабирования. Сво...
Свойство min-width
Устанавливает минимальную ширину элемента.
Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, ma...
Свойство transition-delay
Свойство transition-delay устанавливает время ожидания перед запуском эффекта перехода. Значение 0s запускает анимацию сразу же. Отрицательное значени...