2013-05-19 38 views
0

如何將圖標添加到多選組件?將圖標添加到多選選項中?

我找到了一個僅限Firefox的解決方案(請參閱下面的答案);但沒有發現互操作性。

我應該放棄這個功能嗎?

回答

0

Firefox的唯一的解決辦法就是在這裏發現的:http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-multiple-option,具有:

HTML:

<select id="el03" size="3" multiple=""> 
    <option selected=""> 
     #el03 Option 1 
    </option> 
    <option> 
     #el03 Option 2 
    </option> 
    <option> 
     #el03 Option 3 
    </option> 
    <option> 
     #el03 Option 4 
    </option> 
    <option> 
     #el03 Option 5 
    </option> 
</select> 

CSS:

#el03 option { 
    background: url("/i/icon-info.gif") no-repeat scroll 100% 50% transparent; 
} 

運行代碼:http://plnkr.co/edit/ZPnRq0REy0LN8eDKHWni?p=preview