CSS user-select egenskap

Definition och användning

user-select-egenskapen specificerar om texten i elementet kan väljas.

I webbläsare, om du dubbelklickar på texten kommer texten att väljas eller markeras. Denna egenskap används för att förhindra detta beteende.

Se också:

HTML DOM referenshandbok:userSelect-egenskapen

Exempel

Förhindra val av text i <div>-elementet:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ och Edge */
  user-select: none; /* Standard syntax */
}

Prova själv

CSS-syntax

user-select: auto|none|text|all;

Egenskapsvärde

Värde Beskrivning
auto Standard. Om webbläsaren tillåter kan text väljas.
none Förhindra textval.
text Text kan väljas av användaren.
all Klicka för att välja text, inte dubbelklicka.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animeringsproduktion: Stöds inte. Se vidare:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.userSelect="none"

Webbläsarstöd

Numreringen i tabellen anger den första webbläsarversionen som fullständigt stöder detta egenskap.

Följ -webkit-、-ms- eller -moz- numreringen för att använda prefixets första version.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-