CSS Dropdown Renkli Menü

 

CSS sundugu bir firsat da bazi Dropdown menülerin arkalan renklerini ayarlayabilirsiniz.

Örnek:

Quellcode:

<HEAD> ve </HEAD> taglari arasina ekleyiniz.

<style>
select.Menue{
font-family: Arial;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
option.Menue0{
color:#FFFFFF;
background-color:#3E7CBB;

}
option.Menue1{
color:#FFFFFF;
background-color:#6597C9;

}
option.Menue2{
color:#FFFFFF;
background-color:#8CB1D6;

}
option.Menue3{
color:#336699;
background-color:#DCE8F1;

}
</style>

Kirmizi renkli alanlari istediginiz gibi degistirebilirsiniz.

<BODY> ve </BODY> taglari arasina bunlari yerlestirin:

<select class="Menue" size="1">
<option class="Menue0">Secenekler</option>
<option class="Menue1">Örnek</option>
<option class="Menue1">Örnek</option>
<option class="Menue2">Örnek</option>
<option class="Menue2">Örnek</option>
<option class="Menue3">Örnek</option>
<option class="Menue3">Örnek</option>
</select>

 

CSS Dropdown Renkli Menü