Title: Replace checkboxes with buttons
Last modified: August 24, 2016

---

# Replace checkboxes with buttons

 *  [abstractAJ](https://wordpress.org/support/users/abstractaj/)
 * (@abstractaj)
 * [11 years ago](https://wordpress.org/support/topic/replace-checkboxes-with-buttons/)
 * Hi, i want to know if I can replace checkboxes with CSS-made buttons? I’ve added
   the button css and added it to the contact form but the checkbox remains, is 
   there any way to do this?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years ago](https://wordpress.org/support/topic/replace-checkboxes-with-buttons/#post-6141958)
 * 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 [http://www.456bereastreet.com/lab/form_controls/checkboxes/](http://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](http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/).
 *  Thread Starter [abstractAJ](https://wordpress.org/support/users/abstractaj/)
 * (@abstractaj)
 * [11 years ago](https://wordpress.org/support/topic/replace-checkboxes-with-buttons/#post-6142131)
 * 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?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Replace checkboxes with buttons’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [checkboxes](https://wordpress.org/support/topic-tag/checkboxes/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 2 replies
 * 2 participants
 * Last reply from: [abstractAJ](https://wordpress.org/support/users/abstractaj/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/replace-checkboxes-with-buttons/#post-6142131)
 * Status: not resolved