stylesheets checkboxes help required please :)

[Hollowpoint]

Anyone have any info on these ?

after googling for a while, there doesnt appear to be much info

this is what I have tried so far.

[code ]
<style type="text/css">
BODY {
scrollbar-arrow-color : limegreen;
scrollbar-track-color : black;
scrollbar-face-color : black;
scrollbar-highlight-color :#FFFFFF;
scrollbar-3dlight-color : black;
scrollbar-darkshadow-color : black;
scrollbar-shadow-color : limegreen;
}
b , u {
color : limegreen;
font-size : 9.5pt;
font-family : arial;
line-height : 9.5pt;
letter-spacing : 1px;
}
body , tr , td , h6 , p , li {
font-size : 9.5pt;
font-family : arial;
line-height : 9.5pt;
letter-spacing : 1px;
font-weight : normal;
}
A:link {
color : limegreen;
text-decoration : none;
font-weight : normal;
}
A:visited {
text-decoration : none;
color : green;
font-weight : normal;
}
A:hover {
color : #FFFFFF;
font-weight : normal;
}
textarea , input {
background : none;
color : limegreen;
font-size : 9.5pt;
font-weight : bold;
font-family : verdana;
text-align : justify;
border-width : 1pt;
border-style : none;
}
checkbox {
background : none;
color : green;
border-width : 1pt;
border-style : none;
}
</STYLE>
[/code]


scrollbars, textboxes, etc, come out just the way I want them, what am I doing wrong with the checkboxes, please help

[Hollowpoint]

okay, I had a play, and worked out that you must directly address the component itself.

[code ]
<input type="checkbox" style="border: 3px #000000 solid; color : limegreen; background-color: lightblue;" color : green; >
[/code]

so here is what I have now, I am still using the above stylesheet, but omiited the checkbox sections, and am using the checkbox code I am posting here.

If anyone knows of anymore tags that go with the checkbox, please post them here.

[ClawTovski]

Please note that you are mostly using proprietary style attributes in the BODY section.

You should 'contact' W3C if you want to know which attributes are 'legal' and 'valid' for the checkbox object.

Colour names are tempting, but their interpretations are up to the browser, which differ between brands and platforms.

You get a syntax error in your statement:
<input type="checkbox" style="border: 3px #000000 solid; color : limegreen; background-color: lightblue;" color : green; >

color: green; is not enclosed in the quotes. color is a HTML 3 attribute but not used in a valid way here.

It depends on which browser you use why the textbox CSS declaration in the style section is not being applied. If the implementation is broken you can only workaround the problem.