Di bawah ini kita akan mempelajari cara mengganti warna selektor teks default dengan CSS.
Warna Pilihan Teks
<!DOCTYPE html> <html> <head> <style> ::-moz-selection { /* Code untuk Firefox */ color: red; background: CornflowerBlue; } ::selection { color: red; background: CornflowerBlue; } </style> </head> <body> <h1> Pilih beberapa teks di halaman ini: </h1> <p> Ini adalah sebuah paragraf. </p> <div> Ini adalah teks dalam elemen div. </div> <p> <strong> Catatan: </strong> ::selection tidak didukung di Internet Explorer 8 dan versi sebelumnya. </p> <p> <strong> Catatan: </strong> Firefox mendukung alternatif, properti ::-moz-selection. </p> </body> </html>
Cara Mengubah Warna Selection Teks
Gunakan ::selection selector untuk mengganti warna pemilihan teks default:
Contoh
::-moz-selection { /* Code for Firefox */
color: red;
background: CornflowerBlue;
}
::selection {
color: red;
background: CornflowerBlue;
}