Properti user-select - Melarang Seleksi Teks

Properti user-select mengontrol perilaku seleksi teks dan elemen lainnya pada halaman.

Sintaks

selector {
	user-select: none | contain | all | auto | text;
}

Nilai	Deskripsi
`none`	Teks tidak dapat dipilih.
`contain`	Seleksi yang dimulai di dalam elemen tidak akan keluar dari batas elemen tersebut.
`all`	Jika klik ganda terjadi pada elemen bersarang, seluruh konten induk dengan nilai properti ini akan terpilih.
`auto`	Nilai yang dihitung, ditentukan secara otomatis sebagai berikut: untuk pseudoelemen `after` dan `before` nilainya adalah `none`, untuk elemen yang dapat diedit nilainya adalah `contain`, jika induk elemen memiliki nilai `all` atau `none` - nilai yang sama akan berlaku untuk elemen itu sendiri, selain itu nilainya akan menjadi `text`.
`text`	Pengguna dapat memilih teks dalam elemen.

Nilai default: text.

Beberapa nilai mungkin tidak bekerja di semua browser.

Teks berikut tidak dapat dipilih:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	user-select: none;
}