Replace checkboxes with buttons

Styling of checkboxes & radio buttons is not supported in most browsers unless you use something like jQuery to overide default browser behavior.

??Sizing of checkboxes is general controlled by the browser – see https://www.456bereastreet.com/lab/form_controls/checkboxes/

You can use something like jQuery to overide default browser behavior or try using the :checked pseudo-class in CSS3 – see Styling checkboxes and radio buttons using CSS.

Those have the checkbox ahead of the text. I want to remove it and show something like this:

[Checkbox 1] [Checkbox 2] [Checkbox 3]

I guess this can only be done with js? Any tips?