Font Awesome Icons in a html form select, are working in Chrome, Edge and Safari browsers, but not Firefox.
But if I set the select box to "multiple", then the icons displays...!
How to fix this?
<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></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
