[CSS] Background-color v. een CHECKBOX veranderen?

[Anoniem: 6790]

weet iemand misschien of, en zo ja hoe, het mogelijk is om de background-color van een checkbox te veranderen?
en dan bedoel ik niet de kleur om de checkbox heen, maar de kleur in het vierkantje zelf.

Bvd.

[Anoniem: 4864]

Dat ken niet.

[Dark]

kan niet is dood

kijk hier maar ff http://www.schouwenweb.com/dark/chk.html

het is welliswaar niet met CSS gedaan maar met input type=image en dan plaatje wisselen bij een OnClick event, maar het werkt wel

[Anoniem: 9498]

http://www.dansteinman.com/dynduo/en/checkbox.html

[Dark]

ik had dit:
twee plaatjes dus
= c1.png
en
= c2.png

dan

code:

<input type="image" name="plaatje"
src="c1.png" onclick="plaatje.src=((plaatje.src.indexOf('c1')
>0)?'c2.png':'c1.png');">

edit: leesbaarder gemaakt
edit2:uitleg

[Anoniem: 1012]

In je stylesheet

input{
background-color : red;
}

bijvoorbeeld

[Anoniem: 11648]

Delirium: In je stylesheet [..] bijvoorbeeld

En toen je dat probeerde werkte dat bij jou? (Bij mij niet namelijk.)

[Anoniem: 4767]

deze doet het bij mij wel:


input{ background-color: #FFFFFF; color: #000000; font-family: verdana; font-size: 10 px; border: 1 solid #000000; align: top; }

[Dark]

dan is is het nog steeds een wit vakje, toch?

[Anoniem: 4767]

Op zondag 26 november 2000 17:23 schreef Dark het volgende:
dan is is het nog steeds een wit vakje, toch?

dan moet je het een beetje aanpassen

[Dark]

J-roen: ten eerste is die zooi die jij daar opgeeft nogal vervuild, die font-family en de align hebben er niks mee vandoen. ten tweede werkt jouw voorbeeld ook niet als je wat verandert.

b.v. in je stylesheet
input {background-color: #FF0000; color: #00FF00; border: 1 solid #0000FF;}

geeft bij mij

je kan aan die stylesheet veranderen wat je wilt, maar het vakje blijft wit. Dan is mijn eerder voorbeeld (hierboven) nog wel ff beter...

[Empathy]

... wrong post ...

[Anoniem: 6790]

bedankt voor de hulp allemaal!

ik ga 't nu ff toepassen op tv.sjeemz.nl/

[RM-rf]

Op zondag 26 november 2000 19:00 schreef Dark het volgende:
b.v. in je stylesheet
input {background-color: #FF0000; color: #00FF00; border: 1 solid #0000FF;}

geeft bij mij

je kan aan die stylesheet veranderen wat je wilt, maar het vakje blijft wit. Dan is mijn eerder voorbeeld (hierboven) nog wel ff beter...

dit klopt, ook theoretisch is dit juist, een checkbox die niet aangevinkt is heeft een NULL-waarde en is niet bestaand (er bestaat ook geen checkbox.unchecked-element), daarom is het niet mogelijk de style hiervan te bepalen, via de vaste CSS-waardes, maar zou me kunnen voorstellen dat hiervoor default-waardes bestaan.