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
selektor {
user-select: none | contain | all | auto | text;
}
Hodnoty
| 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.
Poznámka
Některé hodnoty nemusí fungovat ve všech prohlížečích.
Příklad . Hodnota none
Následující text nelze vybrat:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Viz také
-
pseudoprvěk
selection,
který řídí styly vybraného textu -
vlastnost
pointer-events,
která odstraní reakci na myš