Omadus user-select - teksti valimise keeld

Omadus user-select kontrollib teksti ja muude elementide valimise käitumist lehel.

Süntaks

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

Väärtused

Väärtus Kirjeldus
none Teksti ei saa valida.
contain Elemendi piirides alanud valimine ei välju sellest elemendist välja.
all Kui topeltklõps toimub pesastatud elemendis, valitakse kogu selle vanema sisu, millel on see omaduse väärtus.
auto Arvutatav väärtus, määratakse automaatselt järgmiselt: pseudoelementide after ja before puhul on väärtuseks none, redigeeritava elemendi puhul on väärtuseks contain, kui elemendi vanemal on väärtus all või none - on sama väärtus ka elemendil endal, muidu on väärtuseks text.
text Kasutaja saab elementi teksti valida.

Vaikeväärtus: text.

Märkus

Mõned väärtused ei pruugi toimida kõigis brauserites.

Näide . Väärtus none

Järgmist teksti ei ole võimalik valida:

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

Результат:

Vaata ka

  • pseudoelement selection,
    mis kontrollib valitud teksti stiile
  • omadus pointer-events,
    mis eemaldab reageerimise hiirele