Definere en Checkbox

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

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #009900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #009900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #009900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #009900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #009900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #009900; 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(2.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">


<br>

<input type="radio" value="hej" class="tjekket1">bøh
<input type="radio" value="hej" class="tjekket2">bøh
<input type="radio" value="hej" class="tjekket3">bøh
<input type="radio" value="hej" class="tjekket4">bøh
<input type="radio" value="hej" class="tjekket5">bøh
<input type="radio" value="hej" class="tjekket6">bøh
<input type="radio" value="hej" class="tjekket7">bøh
<input type="radio" value="hej" class="tjekket8">bøh
<input type="radio" value="hej" class="tjekket9">bøh
<input type="radio" value="hej" class="check">bøh
<input type="radio" style="background-color:blue" onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#ffffff'">
<input type="radio" name="billede" value="check me" style="background-image:URL(2.jpg);">
<input type="radio" style="zoom:3">
<input type="radio" 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="radio" checked style="background-color:#CCff99">

</form>

</body>
</html>

ved ikke hvor godt det ser ud... men prøv:
height:XXpx;
width:XXpx;
color:#00ff00;
background-color:#ff0000;
border:2px #0000ff dashed;

Mvh. Andreas

Ja okay. Men jeg tænkte på, at når man definere en Teksboks, kan man bare skrive: Textarea{BLA BLA BLA}. Kan man ikke det ved en checkbox ?
/Cyber Kox
\www.cyber-kox.subnet.dk

Se http://www.eksperten.dk/spm/133270

>>cyber-kox

prøv lige at kopiere HELE min kode i et tomt html-dokument.
Så kan du se at jeg har givet dig koden til mange foskellige checkboxe.

Ja, det har jeg gjort, men jeg tænkte nu mere på, om man kunne lave en selektor, ligesom BODY{BLA; BLA; BLA;}. Så man ikke skal bruge en class definetion
/Cyber Kox
\www.cyber-kox.subnet.dk

Du kan også lave dine egne chechboxe med dit helt personlige udseende:
http://www.dansteinman.com/dynduo/en/checkbox.html

Men jeg ønsker kun at baggrunden skal laves om

hallo

så skal du skrive:

input {noget style}

men det tager også almindelige felter med!!!

Werd-> Man kan ikke definere baggrunden på en checkbox.

kommer det ikke bare udenom?

Hvad mener du ?

En checkbox vil altid have noget hvid inden i sig

www.asdev.dk/arj/test.htm