SORU
3 HAZİRAN 2010, PERŞEMBE


Nasıl seç Resim Ekle

Cinsiyet seçin bir listesi var.

Kod:

<select>
<option>male</option>
<option>female</option>
<option>others</option>
</select>  

Bırak bir resim drop-down-icon.jpeg liste olarak kullanmak istiyorum.

Aşağı bırak simge yerine bir düğme eklemek istiyorum.

Nasıl yapmalı?

CEVAP
3 HAZİRAN 2010, PERŞEMBE


Firefoxsadece seçenek için arka plan görüntüsü ekleyebilirsiniz:

<select>
  <option style="background-image:url(male.png);">male</option>
  <option style="background-image:url(female.png);">female</option>
  <option style="background-image:url(others.png);">others</option>
</select> 

Daha iyisi, ayrı HTML ve CSS

HTML

<select id="gender">
  <option>male</option>
  <option>female</option>
  <option>others</option>
</select>  

CSS

select#gender option[value="male"]   { background-image:url(male.png);   }
select#gender option[value="female"] { background-image:url(female.png); }
select#gender option[value="others"] { background-image:url(others.png); }

diğer tarayıcılarbazı JS widget Kütüphanesi kullanarak olacak örneğin jQuery UI, örneğin kullanarak gibi yapmanın tek yoluSelectable.

JQuery UI 1.11,Selectmenuwidget ne istediğinizi çok yakın olan kullanılabilir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • My Name Is Jeff

    My Name Is J

    26 ŞUBAT 2008
  • Ryan Billy

    Ryan Billy

    30 EKİM 2006
  • theKGB65

    theKGB65

    24 Aralık 2007