CSS user-select eigenschap

Definitie en gebruik

De user-select eigenschap bepaalt of de tekst van het element kan worden geselecteerd.

In een webbrowser, als je dubbelklikt op tekst, wordt de tekst geselecteerd of gemarkeerd. Deze eigenschap wordt gebruikt om dit gedrag te voorkomen.

Zie ook:

HTML DOM referentiehandleiding:userSelect eigenschap

Voorbeeld

Voorkom tekstselectie van de <div> elementen:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ en Edge */
  user-select: none; /* Standaard syntaxis */
}

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. Als de browser het toestaat, kan de tekst worden geselecteerd.
none Voorkom tekstselectie.
text De tekst kan door de gebruiker worden geselecteerd.
all Klik op de tekst om te selecteren in plaats van te dubbelklikken.

Technische details

Standaardwaarde: auto
Inherit: Nee
Animatiecreatie: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.userSelect="none"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Volg de nummering -webkit-、-ms- of -moz- voor de eerste versie van de prefix.

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-