How do I remove checkbox border?

Question

Is it possible to remove the borders around a checkbox so that it appears invisible? I have it placed in a DIV with a color background.

Answer 1

Unfortunately, its not possible to remove borders on browser native checkboxes (it will not work in all browsers), You will have to write your own checkbox-like state widget to implement this. Check out Nice forms if you want to style your regular form controls with custom styling

Answer 2

You would have to use some widget or a custom ui of some sort to remove the borders.

I'm not sure if this works: <input type="checkbox" style="border: 0;" />

Answer 3

For FireFox: try border:none. For IE try: style="background:transparent;border:0"

The other solution is to create your own images for checked and unchecked displaying the appropriate onclick of the image.