CSS Kullanarak Seçili Seçenek Rengi Nasıl Değiştirilir

Css Kullanarak Secili Secenek Rengi Nasil Degistirilir



Seçenekler, tek bir öğenin birden çok değeri mevcut olduğunda, kullanıcıların tercihlerine göre bir seçenek seçebilecekleri kullanıcıya verilir. Onay kutusu, açılır menü ve radyo düğmesi gibi farklı biçimlerde bulunur. Daha spesifik olarak, açılır menü, kullanıcının birini seçmesine izin veren önceden tanımlanmış seçenekler listesi sağlar.

Bu kılavuz, seçilen seçeneğin rengini değiştirme prosedürünü açıklayacaktır. Bunun için önce bir açılır menü oluşturup CSS kullanarak stil vereceğiz ve ardından seçilen seçenek rengini değiştireceğiz.







Başlayalım!



HTML ve CSS Kullanarak Açılır Menü Nasıl Oluşturulur?

HTML'de “ kullanarak bir açılır menü oluşturabilirsiniz. ”, “ ' ve ' ” etiketleri. Daha net anlamak için açılır menünün sözdizimine geçelim.



Sözdizimi





İşte açılır menünün sözdizimi:

< etiket > Metin etiket >
< seçme >
< seçenek değer = '' > seçenek 1 seçenek >
< seçenek değer = '' > seçenek 2 seçenek >

...
< seçenek değer = '' > seçenekN seçenek >
seçme >



Yukarıdaki sözdiziminde kullanılan HTML etiketlerini açıklayalım:

  • : Metin biçiminde kısaltılmış seçeneğini belirtmek için kullanılır.
  • : Bu öğe, kullanıcının bir listeden bir öğe seçmesini sağlar.
  • : Açılır menü için seçenekler sağlamak için kullanılır.

Burada yukarıdaki sözdizimini açıklamak için pratik bir örnek sunuyoruz.

1. Adım: Bir Açılır Menü Oluşturun

İlk olarak bir

oluşturacağız ve

etiketini kullanarak bir başlık ekleyeceğiz. İçine bir açılır menü eklemek için bir etiket etiketi kullanacağız ve “ Bir ülke seç ” etiketi olarak. Bundan sonra, seçenekleri kullanıcı için daha lezzetli hale getirmek için