可以在<select>或<option>？</option> </select>中插入图标​​元素

Question

想要在自定义样式的选择中添加一个图标，以便更清楚它是一个下拉菜单：

// load fontawesome from header with <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<select name="category">
  <option value="0">Category <i class="fa-sort-asc fa"></i></option>
</select>

我可以让图标显示在模板的其他位置，但不在选择/选项中。我认为这是不可能的？

Answer 1

因为它是一个字体，而不是一个图标，它实际上应该工作！ 我想不行的是字体真棒css如何通过CSS插入字符。所以如果你直接将UTF字符插入HTML并自己指定字体，它应该可以工作！

Answer 2

尝试select2我几次使用它。 http://ivaynberg.github.io/select2/