Kontrollkästchen „Styling“. ⇐ CSS

[Guest]

Ich versuche, ein Bild anstelle eines Häkchens im Kontrollkästchen einzufügen. Der Code, den ich verwende, ist:

Code: Select all

.bl {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #175899), color-stop(0.5, #7da4bf), color-stop(3, #9fbed3));
width: 90%;
height:30px;
border-radius: 5px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
}
p
{
font-family:"Times New Roman";
font-size:10px;
}

checkbox
{
width: 75px;
height: 75px;
padding: 0 5px 0 0;
background: url(images/Green_tick.png) no-repeat;
display: block;
clear: left;
float: left;
}

.checked {
position: absolute;
width: 200px;
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(images/Green_tick.png) no-repeat;
overflow: hidden;
}






function Checked(id)
{
if(id.checked==1)
{
alert("Checked");
}
else
{
alert("You didn't check it! Let me check it for you.")
id.checked = 1;

}
}



[url=javascript:][/url]

All verifications required for QR7 can be uploaded here. Any item which still requires verification is
marked in red until picture has been attached.

 Income 

 Property 

 Court Order Child Support 

 Future Medical Child Support 

Irgendwelche Vorschläge, wie ich das erreichen kann. Ab sofort erhalte ich ein normales Häkchen im Kontrollkästchen.

Vielen Dank im Voraus.