Lastnost user-select - prepoved izbire besedila

Lastnost user-select nadzira vedenje izbiranja besedila in drugih elementov na strani.

Sintaksa

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

Vrednosti

Vrednost Opis
none Besedilo ni mogoče izbrati.
contain Izbiranje, začeto znotraj elementa, ne bo šlo čez meje tega elementa.
all Če pride do dvojnega klika v gnezdenem elementu, bo izbrana vsa vsebina starša s to vrednostjo lastnosti.
auto Izračunana vrednost, samodejno se določi na naslednji način: za psevdoelementa after in before je vrednost none, za uredljivi element je vrednost contain, če ima starš elementa vrednost all ali none - enako bo tudi pri samem elementu, drugače bo vrednost text.
text Uporabnik lahko izbere besedilo v elementu.

Privzeta vrednost: text.

Opomba

Nekatere vrednosti morda ne delujejo v vseh brskalnikih.

Primer . Vrednost none

Naslednjega besedila ni mogoče izbrati:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  user-select: none;
}

Результат:

Glejte tudi

  • psevdoelement selection,
    ki nadzira sloge izbranega besedila
  • lastnost pointer-events,
    ki odstrani odziv na miško