CSS user-select egenskab

Definisjon og bruk

user-select-egenskapen bestemmer om teksten til elementet kan velges.

I nettlesere, hvis du dobbeltklikker på tekst, vil teksten bli valgt eller markert. Denne egenskapen brukes til å forhindre dette.

Se også:

HTML DOM referansehåndboken:userSelect-egenskapen

Eksempel

Forhindre valg av <div>-elements tekst:

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

Prøv det selv

CSS-syntaks

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

Egenskapsverdi

Verdi Beskrivelse
auto Standard. Hvis nettleseren tillater det, kan teksten velges.
none Forklar tekstvalg.
text Teksten kan velges av brukeren.
all Klikk for å velge tekst, ikke dobbeltklikk.

Teknisk detalj

Standardverdi: auto
Arv: Nei
Animasjonsproduksjon: Ikke støttet. Se også:Animasjonsrelaterte egenskaper.
Versjon: CSS3
JavaScript-syntaks: object.style.userSelect="none"

Nettleserstøtte

Tallene i tabellen angir den første nettleserversjonen som fullt ut støtter egenskapen.

Følg -webkit-、-ms- eller -moz- talangivne numre for å bruke det første prefikset versjonen.

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-