::selection CSS

Pseudo-element ::selection menerapkan rule kepada bagian dokumen yang terseleksi, misalnya rule diterapkan kepada bagian yang terseleksi dengan mouse oleh pengguna.

Hanya sebagian kecil properti CSS yang dapat digunakan di dalam rule menggunakan ::selection.

Coba seleksi teks berwarna green di bawah ini dengan mouse:

Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks.

Jika browser anda mendukung pseudo-element ini, ketika anda menyeleksinya dengan gunakan mouse, di sana anda akan melihat teks akan menjadi warna putih dan latarbelakangnya menjadi warna merah.

Untuk seperti di atas, anda bisa coba contoh kode di bawah, taruh kodenya di bagian HEAD:

p.myP::selection { color: white; background-color: red; }

Dan elemen yang di atur:

<p class="myP">Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks. Beberapa teks.</p>

Jangan lupa untuk Firefox (Gecko), perlu tambahan prefix -moz-, sehingga menjadi:

p.myP::-moz-selection { color: white; background-color: red; }