Cara Disable Seleksi Teks Pada Website Dengan CSS

0

Untuk disable fitur seleksi teks ( agar teks tidak bisa terseleksi saat mouse mengklik dan menggeser pada teks ) bisa menggunakan CSS dibawah ini :

* {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
user-select: none;
}

tanda * maksudnya CSS akan berlaku untuk semua elemen HTML, simpan file dan silahkan dicoba.Sekarang teks sudah tidak bisa terseleksi.Tetapi jika dilihat cursor mouse masih menandakan cursor untuk seleksi teks bukan ?
Nah bisa ditambahkan CSS dibawah ini

p,h1,h2,h3,h4,h5,h6,b {
cursor: default;
}

maksudnya CSS akan berlaku pada elemen yang sudah dipilih ( p,h1,h2,h3,h4,h5,h6,b ).

Selamat mencoba.

LEAVE A REPLY