在HTML中使用图标字体(Fontawesome)选择

时间:2018-01-18 10:01:32

标签: html css font-awesome html-form

我想在HTML选择中显示Fontawesome字体中的图标。我正在使用这个CSS进行选择:

select {
  font-family: 'FontAwesome', Arial;
}

编辑:以下是选择的HTML:

<select>
  <option value="2">&#xf00d; Deny</option>
  <option value="1">&#xf00c; Accept</option>
  <option value="3">&#xf256; Reject</option>
  <option value="4">&#xf040; Accounting</option>
</select>

在Chrome中它运行正常,但是当你打开选择时Firefox不会渲染图标,就像你在这里看到的那样:

HTML select different rendering in FF57 and Chrome63

Firefox是否缺少该功能,或者我可以用CSS做些什么来解决它?

谢谢,

0 个答案:

没有答案