[tbworld]

Originally Posted by durruti

@tbworld



<- this is what I wish to change (only color).

That is tricky, on my last post I gave you some search topics. You need to start there and understand that the appearance of the checkbox is browser and browser version related. That doesn't mean you cannot change some attributes. Every browser handles it differently.

Do a bit a of searching and learning and then if you need a hand, yell back.

Example of changing the scale of the checkbox. It is not perfect. but it works in
most browsers.

input[type=checkbox] {
    -ms-transform:  scale(2); 
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
        padding: 10px;
  }

There are all sorts of methods for creating new check-boxes and radio-buttons from using images, CSS transforms, canvas... but none of these are super simple methods.