Here's how to hide the ugly arrow that shows up in select boxes in many browsers (Firefox, IE, etc)
This is when you're adding your own dropdown chevron, using a background image or an :after with FontAwesome or whatever...
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
&::-ms-expand {
display: none;
}
}