Elemen :: selection CSS pseudo-element mewakili sebagian dari dokumen yang disorot oleh pengguna. Misalnya, sebagian halaman yang dipilih oleh pengguna menggunakan mouse atau perangkat penunjuk lainnya.

Di sebagian besar browser, konten yang dipilih memiliki warna latar belakang biru secara default. Menggunakan :: selection, Kalian dapat mengubahnya agar sesuai dengan keseluruhan gaya atau tema halaman.

Hanya sebagian dari semua properti CSS yang dapat digunakan untuk gaya selection::, yaitu warna CSS, background-color dan properti text-shadow.

Kalian juga dapat menggunakan properti steno latar belakang untuk gaya pemilihan juga. Namun, gambar latar belakang tidak didukung, dan akan diabaikan. Jadi steno latar belakang pada dasarnya hanya dapat digunakan untuk menentukan warna latar belakang.
Trivia & Catatan

Elemen pseudo :: selection dirancang untuk Penyeleksi CSS Level 3 tetapi dihapus sebelum mencapai status Rekomendasi Kandidat, dan saat ini bukan bagian dari modul CSS apa pun di jalur standar. Namun, itu masih diterapkan di sebagian besar browser, dan kemungkinan akan tetap demikian.

Contohnya

Contoh berikut menetapkan warna latar depan dan latar belakang dari setiap bagian halaman yang dipilih:

Contoh berikut menetapkan warna latar depan dan latar belakang teks yang disorot dalam blockquote:

 

Dukungan Browser

Elemen pseudo :: selection didukung di Chrome, Safari, Opera, dan Internet Explorer 9+.

Firefox mendukungnya dengan awalan -moz-, dalam bentuk: :: – moz-selection.

Menggunakan text-shadow di :: selection hanya didukung di Chrome, Safari, Opera, dan Firefox.