html select + Font Awesome Icons =在firefox中无效

时间:2018-02-21 13:42:34

标签: html firefox select icons

字体真棒图标采用html格式选择,适用于Chrome,Edge和Safari浏览器,但不适用于Firefox。

但如果我将选择框设置为"多个",则图标会显示......!

如何解决这个问题?

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
select {
  font-family: 'FontAwesome', 'arial';
  font-size: 20px;
  width: 100px;
}
</style>
</head>

Single select<br>
<select>
   <option>&#xf000</option>
   <option>&#xf001</option>
   <option>&#xf003</option>
   <option>&#xf004</option>
   <option>&#xf005</option>
</select>

jsfiddle example

0 个答案:

没有答案