Cara Menonaktifkan Selection Text Dengan CSS

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya mendisable atau menonaktifkan selection text dengan CSS. Mendisable selection text maksudnya adalah menonaktifkan seleksi pada text yang ada di content website, tujuan di non-aktifkan seleksi text tersebut adalah agar user tidak bisa mencopy text atau tulisan yang ada pada website kita. Untuk menonaktifkan seleksi text tersebut kita cukup menggunakan property CSS yaitu user-select. Property CSS user-select ini hanya mendukung browser dengan versi Chrome 6, Firefox 2, IE 10, dan Safari 3.1, sedangkan untuk browser yang ada di android atau iOS yaitu versi Chrome 2.1 dan Safari 3.2. Untuk menggunakannya sangat mudah sekali teman-teman bisa ikuti langkah-langkahnya di bawah ini.

Pertama kalian bisa buat satu file dengan nama index.html dan tuliskan baris program HTML di bawah ini.

Kemudian untuk CSS nya kalian bisa ikut seperti berikut.

Dan hasilnya seperti ini.