WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Styling Radio elements to look like Button element?


From: Jesse Hausler
Date: Oct 31, 2014 3:19PM

I haven't looked at your code, but we've styled radio buttons to look like
big buttons and things like that.

Sometimes we'll place the real <input type="radio"> off screen and wrap an
associated label around the click target. That way when a user clicks on
it, the radio is triggered.

We'll usually use an anchor with javascript to trigger the radio with a


On Thu, Oct 30, 2014 at 9:41 PM, Maraikayar Prem Nawaz < <EMAIL REMOVED> >

> Greetings,
> One of the Collaborator of Bootstrap plugin says
> "Folks wanted easy to use form-based components, but with the style of our
> bootstrap buttons, so we gave it to them in an easy to implement way."
> https://github.com/twbs/bootstrap/issues/14635#issuecomment-55935879
> This is example link which talks about functional "radio" button groups.
> http://getbootstrap.com/javascript/#buttons-checkbox-radio
> What do you think of styling Radio Button to look exactly like Button? I'm
> not sure about the use case for this example.
> Thanks
> -Nawaz
> > > >