megclaypool of Rootid
5/11/2018 - 3:36 AM

Fix ugly select boxes

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;
  }
}