は、私がテキストではなく、形式のドロップダウンボックスのオプションとして、小さな画像を追加しようとしています選択ドロップダウンボックス

Question

に画像を追加します。 これは、Firefoxで動作します（ただし、誰もが！？右もはやFirefoxは使用しない）ので、主にクロムのためにこれを行うための方法が必要です。私はこのddslickの事を渡って来続けますが、私は自分のサイトからそれをダウンロードすることはできませんので、別の方法が欲しいです。 ご協力いただければ幸いです！

HTML：

select#severity option[value="Minor"] { 
 
    background: url(../assets/constants/minor.png); 
 
} 
 
select#severity option[value="Moderate"] { 
 
    background: url(../assets/constants/moderate.png); 
 
} 
 
select#severity option[value="Major"] { 
 
    background: url(../assets/constants/major.png); 
 
}

<div class="variables"> 
 
    <select name="severity" id="severity" class="icon-menu"> 
 
    <option value="Severity" selected disabled>Please Select</option> 
 
    <option value="Minor">Minor</option> 
 
    <option value="Moderate">Moderate</option> 
 
    <option value="Major">Major</option> 
 
    </select> 
 
</div>

Answer 1

あなたはhttp://www.marghoobsuleman.com/jquery-image-dropdownから

<select name="webmenu" id="webmenu"> 
    <option value="calendar" data-image="icons/icon_calendar.gif">Calendar</option> 
    <option value="shopping_cart" data-image="icons/icon_cart.gif">Shopping Cart</option> 
    <option value="cd" data-image="icons/icon_cd.gif">CD</option> 
    <option value="email" selected="selected" title="icons/icon_email.gif">Email</option> 
    <option value="faq" data-image="icons/icon_faq.gif">FAQ</option> 
    <option value="games" data-image="icons/icon_games.gif">Games</option> 
    </select> 

クレジットを試すことができますありがとう

Answer 2

jQueryのUIは、あなたがこのために使用することができますSelectmenuがありますhttps://jqueryui.com/selectmenu/#custom_render