Стиль подсказывающего текста
Описание
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::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>
Читайте также
Свойство resize
Указывает, можно ли пользователю изменять размеры текстового поля.
Свойство unicode-bidi
В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст...
Стили не содержащие указанный селектор
Псевдокласс :not задаёт правила стилей для элементов, которые не содержат указанный селектор.
Свойство padding-inline-start
Определяет конечный внутренний отступ элемента по строчной оси. В зависимости от значения свойств...
Свойство transform
Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...