如何将字体精美的图标放入选择下拉菜单中？

我一直在努力在 vuejs 的选择下拉菜单中设置一个很棒的字体图标。我尝试过一些方法，比如

<option selected value="fa fa-github"><i class="fab fa-github"> 
</i>Github</option>

但这没有用。请帮我解决这个问题。

你不能把<i>标签内的<select>您可以直接在 select 中使用 unicode 并使用 css 设置字体。

HTML:

<select>
  <option selected value="fa fa-github">Github &#xf09b;</option>
</select>

CSS:

select {
  font-family: 'Font Awesome\ 5 Brands' , 'arial'
}

jsfiddle 的示例（font Awesome 5）：https://jsfiddle.net/68avuypL/ https://jsfiddle.net/68avuypL/