How To

Cara Teks Selection Pada Web Menggunakan CSS

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;
}

Hanifah Nurbaeti

Share
Tags: CSSHow To