Menu icon Foundation
Style checkbox as button group

Hello all! I would like to style three form checkboxes to look like a button group. Is this possible with foundation?

Checkboxformbutton

Hello all! I would like to style three form checkboxes to look like a button group. Is this possible with foundation?

Chris Anderson almost 4 years ago

Whoops, meant a radial selector, not a checkbox.

Tim Hartwick almost 4 years ago

Yep! Here's a quick and dirty codepen I whipped up. http://codepen.io/tim_hartwick/pen/RPeWeQ
If you delete the white space in the markup between the ""s and ""s, you'll be able to remove the white space that is being rendered between each radio button.

Here's another post from a while back that looks into this as well: http://foundation.zurb.com/forum/posts/18504-radio-buttons-that-look-like-buttons

Rafi Benkual almost 4 years ago

Also we made a building block for this http://zurb.com/building-blocks/radio-button-group-selection

Jens Martsch over 3 years ago

I made a Codepen for Foundation 6 for sites and added checkboxes to it
http://codepen.io/jmar/pen/jWWKbb