CSS user-select ominaisuus

Määrittely ja käyttö

user-select-ominaisuus määrittää, voidaanko elementin tekstiä valita.

Verkkoselaimessa, jos napautat tekstiä kahdesti, teksti valitaan tai korostetaan. Tämä ominaisuus estää tämän toiminnan.

Katso myös:

HTML DOM -oppaasti:userSelect-ominaisuus

Esimerkki

Estä <div>-elementin tekstin valitseminen:

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

Kokeile itse!

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
auto Oletus. Jos selain sallii, voit valita tekstin.
none Estä tekstin valitseminen.
text Teksti voidaan valita käyttäjän toimesta.
all Valitse teksti napsauttamalla, ei kaksoisnapsauttamalla.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaatioiden luominen: Ei tuettu. Katso myös:Animaatiot ja liikkuvat ominaisuudet.
Versio: CSS3
JavaScript-kieli: object.style.userSelect="none"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen versio, joka tukee tätä ominaisuutta täysin.

Seuraava versio käyttää ennen kuin annetaan etuliite numeron mukaisesti -webkit-、-ms- tai -moz-.

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-