Hai teman-teman pada kesempatan kali ini saya akan menjelaskan Cara Merubah Warna Seleksi Teks Dengan CSS. Seleksi teks atau lebih dikenal dengan blok text adalah bagian teks yang diseleksi atau diblok yang biasanya digunakan untuk mengcopy teks, atau menandai teks tersebut.
Seperti yang kita tahu bahwa warna seleksi pada teks yang tidak disetting atau diubah itu berwarna biru, dan disini saya akan mengubahnya menjadi warna hijau. Teman-teman cukup menambahkan script CSS seperti dibawah ini
|
1 2 3 4 5 6 7 8 9 10 |
<style> ::selection { background-color: #27ae60; color: #FFF; } ::-moz-selection{ background-color: #27ae60; color: #FFF; } </style> |
Notes:
- Perintah ::selection dan ::moz-selection adalah perintah untuk merubah warna seleksi pada text
- Perintah background: #27ae60; adalah perintah untuk merubah warna background teks menjadi hijau pada saat kita seleksi
- Dan perintah color:#FFF; adalah perintah untuk memberikan warna teks menjadi putih saat diseleksi
Nah ini dia teman-teman hasilnya
Mudah ya teman-teman. Semoga bermanfaat.