Cara Mengganti Warna Text Dikala Di Select (Block) Selection Text
Tutorial CSS Merubah Warna Text Ketika Di Block / Select ( highlight selection text ) Tutorial Merubah Warna Background Dan Color Text ...
https://tutorialcarapintar.blogspot.com/2019/02/cara-mengganti-warna-text-dikala-di.html
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 isyarat </b:skin>, gunakan CTRL+F di kumpulan isyarat 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..