On my website, users can post articles and tag them accordingly using some pre-set tags. These tags are in the form of checkboxes. Example below:

```
<input type="checkbox" name="wpuf_post_tags[]" class="new-post-tags" value="Aliens" /> Aliens
<input type="checkbox" name="wpuf_post_tags[]" class="new-post-tags" value="Ghosts" /> Ghosts
<input type="checkbox" name="wpuf_post_tags[]" class="new-post-tags" value="Monsters" /> Monsters

```

As you might know, the checkboxes will look something like this:

> 
> [ ] Aliens
> 
> 
> [o] Ghosts
> 
> 
> [ ] Monsters
> 
> 
> 

I would like to do is have the checkbox being one large button with the value inside of it. And then make it have a "toggle" effect.

> 
> [ Aliens ] **[ Ghosts ]** [ Monsters ]
> 
> 
> 

How would I go about doing this?