størrelse på checkbox

Det kan du ikke!

Det er den samme problematik som med <select> du kan ikke ændre på layoutet af dem uden at lave et billede og lave noget fiksfakserier med noget javascript!

øv.. så lukker jeg igen... :-/

htm = elendig nooB

<input type="checkbox" name="test" style="height:100px; width:100px;" />

hmm... den her er ikke normal størrelse... forklar det!

hmm werd - der er så sandelig noget jeg har misforstået - mente bare helt bestemt at det ikke kunne lade sig gøre! Men Det er så ikke muligt at ændre borderstørrelse eller baggrundsfarve!
Jeg beklager meget min uvidenhed! :(

htm ..... Du kan sagtens ændre kantstørrelse og baggrundsfarve .... Via en simpel css

OK boooboo så vis du en kode hvor man ændrer kantstørrelsen for en checkbox eller ændrer baggrundsfarven for en checkboks midte???

<input type="checkbox" style="height:55px; width:55px; border:10px green solid;" />

Werd: Du har stadigvæk en grå kant rundt om checkboksen! Det er den jeg mener, der ikke er mulig at fjerne! :-)

nåå... ja det er ikke muligt med hverken css eller html... men man kan lave sin egen checkbox i java... men ved ikke hvordan!

Werd>> Yep eller lave et billede som skifter vha javascript og så "tjekker" checkboxen!

Så kan du selv more dig :)

<html>
<head>
    <title></title>
<style>
body {background-color:#666666}

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #ff9900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #ff9900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #ff9900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #ff9900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #ff9900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}


.check {
  background-color : #e9e9e9;
  border : 3px solid;
  border-bottom : 1px solid Gray;
  border-top : 1px solid Silver;
  border-left : 5px solid Silver;
  border-right : 5px solid Gray;   
}
</style>

</head>

<body>
<form name="f">

<input type="checkbox" value="hej" class="tjekket1">bøh
<input type="checkbox" value="hej" class="tjekket2">bøh
<input type="checkbox" value="hej" class="tjekket3">bøh
<input type="checkbox" value="hej" class="tjekket4">bøh
<input type="checkbox" value="hej" class="tjekket5">bøh
<input type="checkbox" value="hej" class="tjekket6">bøh
<input type="checkbox" value="hej" class="tjekket7">bøh
<input type="checkbox" value="hej" class="tjekket8">bøh
<input type="checkbox" value="hej" class="tjekket9">bøh
<input type="checkbox" value="hej" class="check">bøh



<input type="checkbox" style="background-color:blue" onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#ffffff'">

<input type="checkbox" name="billede" value="check me" style={background-image:url(1.jpg);}>

<input type="checkbox" style="zoom:3">

<input type="checkbox" onFocus="this.blur();" style="background-color:lime;" onClick="if (this.style && !this.checked) this.style.backgroundColor = 'lime'; else if (this.style && this.checked) this.style.backgroundColor = 'red';">

<input type="checkbox" checked style="background-color:#CCff99">

</form>

</body>
</html>