I'm having trouble displaying fontawesome icons in a select element, as they do not appear correctly in the drop-down list.
.FontAwesomeSelect {
font-family: Font Awesome\ 5 Free;
font-size: 18px;
}
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"/>
<select name="sample" id="sample" class="FontAwesomeSelect">
<option value="">----</option>
<option value="fa fa-address-card"></option>
<option value="fa fa-bell"></option>
<option value="fa fa-bookmark"></option>
<option value="fa fa-building"></option>
</select>