Replace checkboxes with images in form (eg. landing page for fabric swatches)



We are working with a furniture client and near the bottom of their sales funnel, they have an option of sending a limited number of fabric swatches.

The easy but not as nice way would be to just put images next to checkboxes with :before or something like that, but i’d much rather make the swatches themselves replace the checkbox and add transition/border/something to them to mark them as “checked”

Would best bet be just replacing it with CSS? Anyone has experience with that?

Thanks :slight_smile: