如何将字体真棒图标放入选择下拉菜单中? [英] How to place a font-awesome icon into a select drop-down menu?
本文介绍了如何将字体真棒图标放入选择下拉菜单中?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我很难在 vuejs 的选择下拉菜单中设置一个字体很棒的图标.我尝试了一些方法，例如
I have struggling to set a font-awesome icon in the select drop-down menu in vuejs. I have tried some ways like
<option selected value="fa fa-github"><i class="fab fa-github">
</i>Github</option>
但是没有用.请帮我解决这个问题.
But it didn't work. please help me to solve this issue.
推荐答案
你不能把 标签放在 中，你可以直接在select里面使用unicode，用css设置字体.
You can't put an <i> tag inside an <select> you can use the unicode directly inside the select and set the font with css.
HTML:
<select>
<option selected value="fa fa-github">Github </option>
</select>
CSS:
select {
font-family: 'Font Awesome\ 5 Brands' , 'arial'
}
这个jsfiddle的例子(字体真棒5):https://jsfiddle.net/68avuypL/
Example on this jsfiddle(font awesome 5): https://jsfiddle.net/68avuypL/
这篇关于如何将字体真棒图标放入选择下拉菜单中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
