Mengganti warna teks dan background saat di blok



     Baiklah kali ini saya akan membagikan tentang cara mengganti warna teks dan background saat di blok
Pada sebuah blog atau web kita sering menemukan gaya gaya teks yang saat di blok warna background dan teks tidak seperti warna standar biru dan putih yang membosankan itu, ada kuning, hijau, merah, ungu dan lain sebagainya. Lantas, bagaimana caranya? Ok, kita dapat memamfaakan elemen CSS yang sederhana dengan menambahkan ::selection{background-color:#ff6858;color:#fff;} pada style. Namun itu saja tidak cukup karena akan berjalan pada peramban Google Chrome saja menurut pengalaman.

Bagaimana agar berjalan pada semua peramban? Berjalan pada semua peramban sih enggak, namun kita dapat menutupi kekurangan agar berjalan pada IE, Opera, Edge, Mozilla maupun Chrome dengan menmbahkan

::-moz-selection {background:#0089E0;color:#fff;} ::-webkit-selection {background:#0089E0;color:#fff;}

Jadinya akan seperti ini dibawah ini :

::selection{background-color:#0089E0;color:#fff;}
::-moz-selection {background:#0089E0;color:#fff;}
::-webkit-selection {background:#0089E0;color:#fff;}

Untuk blogger silahkan copy dan tempel pada template sebelum ]]></b:skin>

Keterangan :
#0089E0: warna background pada saat di blok
#fff : dimana warna teks ikut berubah warna saat di blok

Posting Komentar

0 Komentar