Vlastnost user-select - zákaz výběru textu

Vlastnost user-select řídí chování výběru textu a dalších prvků na stránce.

Syntaxe

cssselektor {
  user-select: none | contain | all | auto | text;
}

Hodnota	Popis
`none`	Text nelze vybrat.
`contain`	Výběr začatý uvnitř prvku nepřekročí jeho hranice.
`all`	Pokud dojde k dvojitému kliknutí na vnořený prvek, bude vybrán veškerý obsah rodiče s touto hodnotou vlastnosti.
`auto`	Vypočítaná hodnota, automaticky se určí následovně: pro pseudoprvky `after` a `before` je hodnota `none`, pro editovatelný prvek je hodnota `contain`, pokud má rodič prvku hodnotu `all` nebo `none` - stejnou hodnotu bude mít i samotný prvek, jinak bude hodnota `text`.
`text`	Uživatel může vybrat text v prvku.

Výchozí hodnota: text.

Některé hodnoty nemusí fungovat ve všech prohlížečích.

Následující text nelze vybrat:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: