Cara Mengganti Background Text Saat Diseleksi

Halo sobat, kembali lagi dengan tutorial blogging. Kali ini saya akan membagikan sebuah tutorial sederhana bagaimana cara mengganti background pada text yang sedang diseleksi. Text yang menggunakan background pada saat diseleksi memang cukup banyak diminati. Biasanya cara ini dilakukan untuk membuat sebuah blog ataupun website terlihat lebih profesional.
Cara Mengganti Background Text Saat Diseleksi

Untuk membuat atau memunculkan efek background pada text yang sedang diseleksi memang bukan hal yang sulit. anda hanya perlu menerapkan kode css sederhana untuk membuatnya. Dan berikut kode css:

::selection {background:#000;color:#FFF;}
::-moz-selection {background:#000;color:#FFF;}
::-webkit-selection {background:#000;color:#FFF;}

 Untuk pengguna blogger anda bisa menyalin kode css diatas lalu simpan kedalam template blog seperti biasanya. atau detailnya anda bisa meletakkannya diantara <style type='text/css'>disini</style>. Tapi sebelumnya, silahkan kostumisasi background dan warna font saat diseleksi, seperti yang sudah saya beri tanda.

#000 = Merupakan warna background text saat diseleksi (Hitam)
#FFF= Merupakan warna font text saat diseleksi (Putih)

Jika sudah, silahkan simpan dan lihat hasilnya. Demo
Demikian tutorial sederhana yang bisa saya bagikan. semoga bermanfaat.
Copyright 2017 Teleformatika. Diberdayakan oleh Blogger.