CSS псевдоэлемент ::selection
CSS псевдоэлемент ::selection позволяет выделять поля, необязательные к заполнению перед отправкой формы.
Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей допускается использовать следующие свойства: color, background, background-color и text-shadow.
Правила написания CSS-псевдоэлемента ::selection
Селектор::selection { ... }
Пример применения псевдоэлемента ::selection
Проиллюстрируем работу псевдоэлемента ::selection на примере формы регистрации. В ней необязательные поля будут полупрозрачными.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Псевдоэлемент ::selection</title>
<style>
/* CSS код */
p::selection {
background: red;
color: yellow;
}
p::-moz-selection {
background: orange;
color: yellow;
}
</style>
<body>
<p>
В тот же миг Алиса юркнула за ним следом,
не думая о том, как же она будет выбираться обратно.
</p>
</body>
</body>
</html>