How to change the color of a standard radio button?

Question

Coding a simple radio button generates a blue button

 <input type="radio" name="sample" />
 <input type="radio" name="sample" />

See http://jsfiddle.net/XytJC/2/

How can I make these red?

Thanks

Answer 1

At the moment it's impossible to make it appear in the same way across the all available browsers because of not fully supported CSS3 and HTML5. So what I suggest you, is to use a plugin Uniform.js to get what you are looking for.

But if you are asking this question, I would mention also, that you will need to achieve this by using the css sprite method. Here on This website you will find the corresponding documention of "how to..."

Answer 2

Try using a span, as explained here.