如何将小图像或图标添加到<select>选项？</select>

Question

我想做一个语言选择器，但我不知道怎么做？ 我这样做：

<div class="language">
    <select class="language" style="width:100px">
        <option  value="English">English</option>
        <option  value="Arabic">Arabic</option>
    </select>
</div> 

但我需要在英语和阿拉伯语选项旁边添加一个小图标（png或gif）。

我尝试过不同的方式但没有发生任何事情。请帮帮忙 最好的方法。像这样：

http://i.stack.imgur.com/Wxe4t.jpg

Answer 1

[根据我之前的回答更新，选择元素是错误的]

Per this post以及帖子中包含的引用，不，这不可能。然而，社区同意（this post）这可以在Firefox中使用：

完成

[更新]

但正如您在此jsbin中所看到的那样，在第二个链接中给出的代码似乎不起作用，即使在Firefox中也是如此。我必须同意解决方案是创建自己的＆＃34;下拉列表＆＃34;使用可设置样式的HTML元素。这是关于如何创建自己的 great post ，实际上非常简单。