Style på radio buttons?

hvad er det du vil?

Eller nogen former for STYLE i det hele taget?

Prøv, men jeg vil nu sige ;)

...nej

Fjerne den grå/sort outline på radio knappen f.eks. !

Ja, der er da style="display:none;"

Muhahaha :)

Nej, der er ikke noget at gøre ved dem.

du kan give dem en ramme og baggrund - men så får du en farvet "box" rundt om radio-knappen - det er det eneste du kan gøre. Gælder forøvrigt også for checkboxes...

pelkjaer >> åhja, den er der selvfølgelig, meget nyttig ;)

Alrua => Hvordan det?

<input type="radio" style="background-color:red">

<input type="radio" style="width:60px; height:60px; border:1px red dashed; background-color:blue;">

det er det eneste man kan med en raduibutton

Du kan ikke gøre hvad du ønsker her.
Du har kun følgende muligheder:

<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>

Takker... i må deles om point..