checkbox display differently in all browers

[xcoderx]

why is the checkbox showing differently in every browser? and in IE8 it do not even want to show the color green

 

#signup input[type=checkbox]{

width: 1em;

margin : 8px;

height: 1em;

background:none;

background-color:#F8FDFD;

color:#00CC00;

cursor:pointer;

}

 

<label for="terms">Accept our terms?</label>

        <input type="checkbox" name="terms" id="terms"/>

            </div>

          <div>

[haku]

Each browser deals with inputs in its own way, and is a major reason why its best not to style them. IE8 maybe doesn't allow background color on checkboxes.

 

Also, the selector you are using is part of the CSS3 spec, and isn't recognized by all browsers, so that's probably why some of them are ignoring the CSS.

[xcoderx]

got it bro i have fixed it i decided not to style them. now it looks fine :-) igance told me the same thing. i never knew this mych, btw what is the latest css version?

[Mchl]

No such thing. At most you can ask, what is the latest CSS version supported by all major browsers. That would be CSS1 I'm afraid.

[xcoderx]

thanks :-)