I'm attempting to customize the icon for an HTML select menu using fontawesome icon fonts. My current code looks like this:
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
My CSS is as follows:
select {
position: relative;
}
select:after {
font-family: 'FontAwesome';
content: '\F150';
position: absolute;
color: black;
}
You can view the demo here.
I need some assistance in achieving this. Could someone help me out, please?