Miten estää tekstivalinta

Opeta, miten CSS:ää käytetään tekstivalinnan estämiseen HTML:ssä.

Tämä teksti voidaan valita.

Tämä teksti ei voi olla valittavissa.

Estää tekstivalintaa

Voit käyttää user-select Ominaisuus estääkseen elementin tekstin valinnan.

In verkkoselaimessa, jos kaksoisnapsautat tekstiä, se valitaan/korostetaan. Tämä ominaisuus voidaan käyttää tämän estämiseen.

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

Kokeile itse

Tiedotusvirkailija sivut

Viittomakirja:CSS user-select ominaisuus