我现在试试很多,但我解决不了。请按此处描述的方法尝试:选择选项中的字体真棒图标
我想在某些选项中选择一些字体真棒图标,我知道您不能在选项中添加,但是我读到有可能使用unicode:
https://fontawesome.com/icons/sort-up这是我要与unicode一起使用的图标之一:f0de,我这样插入它没有任何作用,我想念的是什么?
<div class="sort_filter_container">
<div class="form-group">
<form name="view_type_sorting" class="form-group" action="" method="get">
<span><b>[{oxmultilang ident="SORT_VIEW"}]: </b></span>
<select style="text-align-last: center;font-weight: 600;margin-right: 0;vertical-align: text-bottom;" id="view_type_sorting" aria-haspopup="true" aria-expanded="false" onchange="this.form.submit()" name="view_type_sorting">
<option id="list_asc_price" name="list_asc_price" value="list_asc_price">[{oxmultilang ident="PRICE_UP"}] </option>
<option id="list_desc_price" name="list_desc_price" value="list_desc_price">[{oxmultilang ident="PRICE_DOWN"}]</option>
<option id="list_asc_alpha" name="list_asc_alpha" value="list_asc_alpha">[{oxmultilang ident="NAME_UP"}]</option>
<option id="list_desc_alpha" name="list_desc_alpha" value="list_desc_alpha">[{oxmultilang ident="NAME_DOWN"}]</option>
<option id="list_default" name="list_default" value="list_default">[{oxmultilang ident="DEFAULT_GRID"}]</option>
</select>
</form>
</div>
</div>
将字体家族添加到 #view_type_sorting
#view_type_sorting{
font-family:"FontAwesome";
}
#view_type_sorting{
font-family:"FontAwesome";
font-size:14px;
}
#view_type_sorting::before{
vertical-align:middle;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="sort_filter_container">
<div class="form-group">
<form name="view_type_sorting" class="form-group">
<select style="text-align-last: center;font-weight: 600;margin-right: 0;vertical-align: text-bottom;" id="view_type_sorting" aria-haspopup="true" aria-expanded="false" name="view_type_sorting">
<option id="list_asc_price" name="list_asc_price" value="list_asc_price"> Github  </option>
<option id="list_desc_price" name="list_desc_price" value="list_desc_price"> GitLab  </option>
<option id="list_asc_alpha" name="list_asc_alpha" value="list_asc_alpha"> Whatsapp </option>
<option id="list_desc_alpha" name="list_desc_alpha" value="list_desc_alpha"> Google Plus  </option>
<option id="list_default" name="list_default" value="list_default"> Facebook  </option>
</select>
</form>
</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句