Cara membuat teks auto select
Hai Hai...
Kali ini saya akan mengajarkan kalian bagai mana cara membuat sebuah auto select pada sebuah teks supaya nantinya teks tersebut gampang untuk di copas,
Dalam kasus ini auto select di terapkan pada sebuah css dan sudah banyak pula di gunakan oleh sebagian blogger, untuk membahas sebuah tutorial dan di terapkan pada code guru, apa itu code guru? Code guru adalah istilah nama lain dari (syntax highlihgt)
Langsung sajah ke pokok utama yang pertama kalian membuat sebuah css
Contoh:
.p {
font-family: Open sans',Sans-serif;
font-size: 15px;
font-weigh: 91px;
}
Css di atas merupakan code dasar dalam pembuatan teks normal, tidak bisa di select secara otomatis
lalu bagai mana cara nya agar teks bisa di select secara otomatis kalian tinggal menambahkan code di bawah ini dan terapkan pada css di atas
-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all
Contoh penerapanya seperti ini
/* Css auto select */
.p {
font-family: Open sans',Sans-serif;
font-size: 15px;
font-weigh: 91px; ➘
-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;
}
Maka dengan begitu teks yang kita blok menggunkan <p>text</p> otomatis bisa di selection seperti contoh di bawah ini
➘
Text sengaja di buat untuk demo supaya panduan di atas tidak garing :) Jika kalian klik maka akan otomatis terselect
Semoga bermanfaat...
