Cara Mengganti Warna Text Saat Di Select (Block) Selection Text
Tutorial CSS Merubah Warna Text Ketika Di Block / Select ( highlight selection text )
Misalanya pada tag pre code, blockquote, .class, #id / pada tag <html> lainnya.. Contohnya Pada Kode dibawh ini, Silahkan block text yang ada di dalam kotak ini
Note | The ::selection pseudo-element was drafted for CSS Selectors Level 3, but removed before the Recommendation status. So, at the moment, the ::selection pseudo-element is not in any specification. (However, it may be re-added to future CSS specifications.)Nah bagi kalian yang ingin mencobanya, dapat gunakan css dibawah ini
Mengganti semua warna background dan text saat di select
::-moz-selection { /* Css Untuk Browser Firefox */ background-color: #c6538a; color: #ffffff } ::selection { background-color: #c6538a; color: #ffffff } Jika kalian ingin merubah text yang di select pada tag tertentu tinggal tambahkan tag / class di depan :: (titik dua dua kali) teladan
Mengganti warna background dan text saat di select Pada Tag Tertentu
blockquote::-moz-selection { /* Css Untuk Browser Firefox */ background-color: #c6538a; color: #ffffff } blockquote::selection { background-color: #c6538a; color: #ffffff } Nah, kini kalian tinggal pilih, mau yg mana. kalo sudah di tentukan, tinggal pasang pada template blog kalian..
Tutorial Pemasangannya...
- Login ke blog kalian, lalu
- Masuk ke sajian Template, Edit HTML
- Lalu cari arahan </b:skin>, gunakan CTRL+F di kumpulan arahan HTML untuk mempermudah pencarian
- Setelah ketemu, kalian copy css selection tadi dan masukan sempurna diatasnya
- Save Template dan selesai..
Jangan lupa mampir ke tutorial lainnya ya gan :)
Tutorial Blogger Lainnya :
Cukup sekian dan terima kasih, biar artikel tentnag Costum highlight selection text ini bermanfaat..
Comments
Post a Comment