Die user-select Eienskap - Verbod op Teks Seleksie
Die user-select eienskap beheer die gedrag
van teksseleksie en ander elemente op 'n bladsy.
Sintaksis
selekteerder {
user-select: none | contain | all | auto | text;
}
Waardes
| Waarde | Beskrywing |
|---|---|
none |
Teks kan nie geselekteer word nie. |
contain |
Seleksie wat binne die element begin, sal nie buite die grense van daardie element gaan nie. |
all |
As 'n dubbelklik binne 'n geneste element plaasvind, word al die inhoud van die ouer element met hierdie eienskapswaarde gekies. |
auto |
Berekende waarde, word outomaties soos volg bepaal:
vir pseudoelemente after en
before
is die waarde none, vir 'n redigeerbare element
is die waarde contain, as die ouer element se waarde
all of none is - sal die element self dieselfde hê,
andersins sal die waarde text wees.
|
text |
Die gebruiker kan teks in die element selekteer. |
Verstekwaarde: text.
Nota
Sommige waardes werk moontlik nie in alle blaaiers nie.
Voorbeeld . Waarde none
Die volgende teks kan nie geselekteer word nie:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Sien ook
-
pseudoelement
selection,
wat die style van geselekteerde teks beheer -
eienskap
pointer-events,
wat die reaksie op die muis verwyder