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

How can I vertically center a “div” element for all browsers using CSS?

Below is the best all-around solution I could build to vertically and horizontally center a fixed-width, flexible height content box. It was tested and worked for recent versions of Firefox, Opera, Chrome, and Safari.  Run code snippetExpand snippet View A Working Example With Dynamic Content I built in some dynamic content to test the flexibility and would … Read more