select 选项中的 Flaticon

Question

我想在选项中显示 flaticons，但 html 输出不显示它们。

上面的问题是通过使用 &#xf2bb 而不是图标 class 解决的：

 <option value="fa fa-address-card"> &#xf2bb; line chart</option>

如果可以，请问如何用flaticons同样的解决方法解决这个问题？

flaticon.css 包含以下样式：

.flaticon-tool:before {
    content: "\f177";

我的html输出：

    <select class="form-control" name="hekim-extension_ozellikler_icon-select" id="hekim-extension_ozellikler_icon-select">
<option>flaticon-throat</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

如果可能且简单，我也可以使用 boootstrap 3 的解决方案。

Answer 1

没有将图标放入 select 选项的有效解决方案。我的解决方案是使用 jQuery icon picker.

select 选项中的 Flaticon

Flaticon in select option

html

css

twitter-bootstrap-3

icons