html - 複数選択のオプションにアイコンを追加しますか?

Question

複数選択コンポーネントにアイコンを追加するにはどうすればよいですか?

Firefox のみの解決策を見つけました (以下の回答を参照してください)。しかし、相互運用可能なものは何も見つかりませんでした。

この機能をあきらめるべきですか？

Answer 1

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