Egenskapen user-select - förbud mot textmarkering
Egenskapen user-select styr beteendet
för markering av text och andra element på sidan.
Syntax
selektor {
user-select: none | contain | all | auto | text;
}
Värden
| Värde | Beskrivning |
|---|---|
none |
Texten kan inte markeras. |
contain |
En markering som påbörjas inuti elementet kommer inte att gå bortom gränserna för detta element. |
all |
Om ett dubbelklick sker i ett kapslat element, kommer allt innehåll i föräldern med detta egenskapsvärde att väljas. |
auto |
Beräknat värde, bestäms automatiskt enligt följande:
för pseudoelementen after och
before
är värdet none, för ett redigerbart element
är värdet contain, om förälderelementet har värdet
all eller none - kommer samma värde att gälla för själva elementet,
annars blir värdet text.
|
text |
Användaren kan markera text i elementet. |
Standardvärde: text.
Anmärkning
Vissa värden kanske inte fungerar i alla webbläsare.
Exempel . Värdet none
Följande text går inte att markera:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Se även
-
pseudoelementet
selection,
som styr stilarna för markerad text -
egenskapen
pointer-events,
som tar bort reaktion på mus