html - 选择选项中的平面图标

Question

我想在选项中显示平面图标，但 html 输出不显示它们。

如何在选择选项标签中显示图标

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

 <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>

如果可能且容易，我也可以使用引导程序 3 的解决方案。

标签： htmlcsstwitter-bootstrap-3icons

Answer 1

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