本文介绍了如何将字体真棒图标放入选择下拉菜单中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
限时送ChatGPT账号..我很难在 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/68avuypL/
Example on this jsfiddle(font awesome 5): https://jsfiddle/68avuypL/
这篇关于如何将字体真棒图标放入选择下拉菜单中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论