how to create a round checkbox

[mukeshrasm]

Hi

I wanted to create a check box which will be like a circle and when I clicked a red tick should come. how can I do it using css please suggest and some one has done this before then please share your ideas.

[clai83]

Using CSS alone to change the appearance of a checkbox I would say is "difficult" . Since styling of form elements is browser specific there is no way I know of currently to change all checkbox styles across all browsers. There may be browser specific css extensions, however, I have not been able to find any (at least for Firefox). The closest thing I came across was -moz-appearance: radio; however, you don't get the "tick" that you want like a normal checkbox.

My opinion is to use javascript using images for checked and unchecked status of a radio and using an onclick event handler to change the appearance; however, that is javascript not css.

Good Luck in your search.

[mukeshrasm]

Thanks for your response and suggestion and still I am looking for the solution.

[AricC]

I doubt you'll find a better solution. You pretty much have to use images which is pretty easy.