Styleable select box replacement in pure CSS and semantic HTML

Ross Angus
Mar 3, 2017 · 7 min read
Select boxes can escape from the browser canvas, under certain circumstances (brrrr)

What even is a select box?

So most select boxes are just radio buttons?


Select box replacement 1 (spoiler: it doesn’t work)

Attempt two: the old toggle

Attempt three: all radio buttons, all of the time

I forgot one thing

Attempt four: pure stylable CSS select boxes, now with added JavaScript!

Disadvantages of this technique

Ross Angus

Written by

I’m a Senior Front End Developer at AmazeRealise, Edinburgh.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade