Styling a Custom Select Menu with CSS

Getting to grips with cross browser form styling

About the screencast

Styling form elements is tough. Each browser and operating system treats them slightly differently and to get a consistent appearance that matches your projects visual style often means resorting to JavaScript plugins like Select 2 or Uniform.

In this screencast Tommy Hodgins takes you through the process of styling a responsive, cross browser compatible select menu using pure CSS. You’ll also learn about data URI images and the underused but widely supported CSS calc() function.


Have your say! or become a member now to take part in the discussion