How do I style a dropdown with only CSS?

Here are three solutions: Solution #1 – appearance: none – with Internet Explorer 10 – 11 workaround (Demo) — To hide the default arrow set appearance: none on the select element, then add your own custom arrow with background-image Browser Support: appearance: none has very good browser support (caniuse) – except for Internet Explorer. We can improve this technique and add … Read more