Özel görüntülü bir select (Açılır) menüye ihtiyacınız var ise bu makale tam size göre 🙂

1.Adım Select (Açılır Menü)  Oluşturuyoruz.

Örnek

css-select-menu

<div class="sekilli_acilir_menu">
<select>
<option>A</option>
<option>F</option>
<option>H</option>
<option>Z</option>
</select>
</div>

 

3.Adım Kodlarımızı Ekliyoruz.

.sekilli_acilir_menu select {
 background: transparent;

width: 268px;
 padding: 5px;
 font-size: 16px;
 line-height: 1;
 border: 0;
 border-radius: 0;
 height: 34px;
 -webkit-appearance: none;
}

.sekilli_acilir_menu {
 width: 240px;
 height: 34px;
 overflow: hidden;
 background: url(dizin/ok.png) no-repeat right #ddd;
 border: 1px solid #000;
}

SONUÇ

css-ile-ozellestirilmis-select-menu

Metin Saraç 0 73 1 Nisan 2014
0 beğeni - 0 Yorum