如何将图标添加到多选组件?
我找到了一个仅限 Firefox 的解决方案(请参阅下面的答案);但没有发现任何可互操作的。
我应该放弃这个功能吗?
在这里找到了 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;
}