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 about 4 years ago

Whoops, meant a radial selector, not a checkbox.

Tim Hartwick about 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 about 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