English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Пseudo-элемент ::selection CSS применяется к части документа, выделенной пользователем (например, с помощью мыши или другого устройства выбора).
Полное руководство по CSS селекторам
Сделать выделенный текст голубым:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
{}
::-moz-selection
{
color:#0000ff;
{}
</style>
</head>
<body>
<h1>Попробуйте выбрать текст на этой странице</h1>
<p>Это текст.</p>
<div>Это текст в элементе div.</div>
<a href="//ru.oldtoolbag.com/" target="_blank">Ссылка на oldtoolbag.com!</a>
</body>
</html>Тестирование <‹/›>::selection {
background-color: cyan;
{}Селектор ::selection соответствует части элемента, выбранной или выделенной пользователем.
::selection можно применить только к нескольким свойствам CSS: color, background, cursor и outline.
IEFirefoxOperaChromeSafari
E9+, Opera, Google Chrome и Safari поддерживают ::selection селектор.
Firefox поддерживает ::-moz-selection через свои частные свойства.