Radio buttons as toggle buttons with CSS

Form inputs are annoying, let’s face it. There is a ton of data showing the more fields you have in a form, the higher the bounce rate of that form. I decided to play with radio buttons and try make them more like simple toggle buttons. After a bit of playing, I got it working in a clean, easy to use style. This makes your form very clear and fast to fill out for your user. Win.

@Damjan – I’m struggling to implement this in Gravity Forms. I think I’m very close, but I’m definitely missing something. Any chance you can share how you did it, or even share the final code snippets? I’ll buy you an expensive frothy coffee or something…