0

如何将图标添加到多选组件？

我找到了一个仅限 Firefox 的解决方案（请参阅下面的答案）；但没有发现任何可互操作的。

我应该放弃这个功能吗？

4

1 回答 1

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

于 2013-05-19T19:53:55.953 回答