If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

For a long time I found solutions on the web that required too much code (JavaScript & Css).

While reviewing those solutions, few things stood out:
 Necessity of a background image  since it is a styled checkbox and has to have the flexibility of changing its border, background and the v color.
 Problem hiding the checkbox (via Css) and replacing it with span or div. It required moving any script attached, from checkbox to its replacement.

Mucho Gracias

Originally Posted by bigirl

For a long time I found solutions on the web that required too much code (JavaScript & Css).

While reviewing those solutions, few things stood out:
 Necessity of a background image  since it is a styled checkbox and has to have the flexibility of changing its border, background and the v color.
 Problem hiding the checkbox (via Css) and replacing it with span or div. It required moving any script attached, from checkbox to its replacement.

Ill be thankful if someone could run this solution on Opera & other OS, so that the title of this post will be a correct one.
View my solution here and please let me know what you think.

Hello! Signed up just to say thankyou to bigirl and Alt_F4. I'm hoping this technique can help me style my <input type="file"> as well. Alt_F4, I used your jQuery but i think it was better with <span> instead of <div>. I was getting a line break with divs on a few of the spots.

Not a bright idea to style the checkboxes and radio buttons. After all, they are strictly functional elements, and there is no serious reason to style them. To style what? A very small square? An even smaller circle?

Not a bright idea to style the checkboxes and radio buttons. After all, they are strictly functional elements, and there is no serious reason to style them. To style what? A very small square? An even smaller circle?

Only a programmer would say something like that. Why? you ask. Um, so it looks different to other websites... I think that's a pretty fine reason why.