Cara Mengubah Warna Opsi yang Dipilih Menggunakan CSS

Cara Mengubah Warna Opsi Yang Dipilih Menggunakan Css

Opsi diberikan kepada pengguna ketika ada beberapa nilai dari satu elemen, dari mana pengguna dapat memilih opsi sesuai dengan preferensi mereka. Itu ada dalam berbagai bentuk, seperti kotak centang,  menu tarik-turun, dan tombol radio. Lebih khusus lagi, menu tarik-turun menyediakan daftar opsi yang telah ditentukan sebelumnya yang memungkinkan pengguna untuk memilih satu.

Manual ini akan menjelaskan prosedur untuk memodifikasi warna opsi yang dipilih. Untuk ini, pertama, kita akan membuat menu drop-down dan menatanya menggunakan CSS dan kemudian mengubah warna opsi yang dipilih.



Mari kita mulai!



Bagaimana Cara Membuat Menu Drop-down Menggunakan HTML & CSS?

Dalam HTML, Anda dapat membuat menu drop-down dengan menggunakan “ ”, “ ' dan ' ” tag. Untuk memahami lebih jelas, mari kita beralih ke sintaks menu drop-down.



Sintaksis

Berikut adalah sintaks dari menu drop-down:

< label > Teks label >
< Pilih >
< pilihan nilai = '' > Pilihan 1 pilihan >
< pilihan nilai = '' > pilihan 2 pilihan >

...
< pilihan nilai = '' > pilihanN pilihan >
Pilih >



Mari kita jelaskan tag HTML yang digunakan dalam sintaks di atas:

  • Ini digunakan untuk menentukan opsi singkat
  • : Elemen ini memungkinkan pengguna untuk memilih item dari daftar.
  • : Hal ini digunakan untuk memberikan pilihan untuk menu drop-down.

Berikut kami sajikan contoh praktis untuk menjelaskan sintaks di atas.

Langkah 1: Buat Menu Drop-down

Pertama, kita akan membuat

dan menambahkan heading menggunakan tag

. Untuk menambahkan menu drop-down di dalamnya, kita akan menggunakan tag label dan menambahkan “ Pilih satu negara ” sebagai labelnya. Setelah itu, kita akan menggunakan tag