Html 是否可以使用字体可怕图标来选择默认下拉符号

我想使用字体真棒“fa V形向下”图标，而不是html选择框默认样式。请参阅所附图片

---

您可以使用伪类来实现这一点。我按照步骤进行了修改，删除了转换，使用FontAwesome作为我的字体，使用UTF-8作为图标的内容：

选择{
填充：4px；
保证金：0；
背景：#fff；
颜色：#888；
边界：无；
大纲：无；
显示：内联块；
-webkit外观：无；
-moz外观：无；
外观：无；
光标：指针；
宽度：150px；
-webkit边界半径：0px；
-moz边界半径：0px；
边界半径：0px；
}
/*仅针对Webkit浏览器。FF将显示带有如此多填充的下拉箭头*/
@媒体屏幕和（-webkit最小设备像素比：0）{
选择{padding right:18px}
}
标签{位置：相对}
标签：后{
内容：“\f078”；
字体系列：“FontAwesome”；
字体大小：11px；
颜色：#aaa；
右：8px；顶部：4px；
填充：0 0 2px；
位置：绝对位置；
指针事件：无；
}
标签：之前{
内容：''；
右：4px；顶部：0px；
宽度：23px；高度：18px；
背景：#fff；
位置：绝对位置；
指针事件：无；
显示：块；
}

可能重复的示例将下拉图标放在我的标签上，而不是我的选择框上