Tutorial CSS : Mengubah Warna Select Text / Blok Text

Pada website kita sering memblok atau menselect tulisan yang mana menurut kita tulisan itu memiliki arti, entah tulisan itu yang sedang kita cari ataupun tulisan tersebut sedang kita tandai agar tidak susah untuk mencarinya.

Tutorial CSS : Mengubah Warna Select Text / Blok Text

Tapi pernahkah kita kepikiran untuk merubah warna tulisan yang diselect atau tulisan yang sedang diblok pada website dengan warna yang lain, dalam hal ini biasanya blok atau select standar pada website adalah berwarna biru dan tulisan menjadi warna putih. Selain memiliki “ciri khas” tersendiri pada website kita, juga fungsinya agar terlihat lebih indah dipandang mata. Karena dengan latar yang bagus akan memberikan kesan tersendiri bagi pengunjungnya, itu juga termasuk dalam dunia maya ini salah satunya Blogging.

Merubah warna blok / select di website blog

Untuk Merubah warna blok / select di website blog kita akan menambahkan fungsi didalam css blog/website kita. Css Merubah warna blok / select di website blog adalah berupa ::selection. Untuk menambah pemahaman tentang fungsi ini baiknya kita langsung praktek saja.

Silahkan salin kode dibawah ini dan letakkan pada file css kawan untuk Blogger bisa di dalam tag <b:skin>

Merubah warna blok / select di website blog
::selection {background:#16a085;color:#ffffff;}
::-moz-selection{background:#16a085;color:#ffffff;}
code::selection {background: #16a085;color:#ffffff;}
code::-moz-selection {background: #16a085;color:#ffffff;}
pre::selection {background: #16a085;color:#ffffff;}
pre::-moz-selection {background: #16a085;color:#ffffff;}

Dan coba simpan file css yang sudah ditambahkan css diatas.
Sekarang coba select / blok tulisan yang ada diwebsite kawan, apakah warna berubah menjadi hijau seperti diwebsite ini ?.
Untuk merubah warna select/blok pada tulisan diweb silahkan ganti #16a085 dengan kode warna lain misalnya #000000 untuk warna hitam atau #ffffff agar background menjadi warna putih.

Terima kasih telah membaca sebuah artikel Merubah warna blok / select di website blog. Baca lebih banyak lagi artikel tentang CSS atau tentang HTML pada website ini. Dan jangan lupa untuk berbagi yang ada dibawah artikel ini. Jika masih ada kesulitan tentang penerapan CSS pada website bisa menggunakan komentar dibawah. Salam.

Recent Tags:

Tutorial CSS : Mengubah Warna Select Text / Blok Text | Andi Mariadi | 4.5

Leave a Reply