Avatar billede theselfimages Nybegynder
10. februar 2003 - 00:10 Der er 11 kommentarer og
3 løsninger

Style på radio buttons?

Kan jeg på en måde bruge et style som dette:
style="border-style:none;"

på en Radio knap?
Avatar billede alrua Nybegynder
10. februar 2003 - 00:11 #1
hvad er det du vil?
Avatar billede theselfimages Nybegynder
10. februar 2003 - 00:12 #2
Eller nogen former for STYLE i det hele taget?
Avatar billede schaefner Juniormester
10. februar 2003 - 00:12 #3
Prøv, men jeg vil nu sige ;)
Avatar billede schaefner Juniormester
10. februar 2003 - 00:13 #4
...nej
Avatar billede theselfimages Nybegynder
10. februar 2003 - 00:13 #5
Fjerne den grå/sort outline på radio knappen f.eks. !
Avatar billede pelkjaer Nybegynder
10. februar 2003 - 00:13 #6
Ja, der er da style="display:none;"

Muhahaha :)
Avatar billede pelkjaer Nybegynder
10. februar 2003 - 00:14 #7
Nej, der er ikke noget at gøre ved dem.
Avatar billede alrua Nybegynder
10. februar 2003 - 00:14 #8
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...
Avatar billede schaefner Juniormester
10. februar 2003 - 00:15 #9
pelkjaer >> åhja, den er der selvfølgelig, meget nyttig ;)
Avatar billede theselfimages Nybegynder
10. februar 2003 - 00:18 #10
Alrua => Hvordan det?
Avatar billede ahv Nybegynder
10. februar 2003 - 00:20 #11
<input type="radio" style="background-color:red">
Avatar billede werd Nybegynder
10. februar 2003 - 00:21 #12
<input type="radio" style="width:60px; height:60px; border:1px red dashed; background-color:blue;">

det er det eneste man kan med en raduibutton
Avatar billede sthen Nybegynder
10. februar 2003 - 00:22 #13
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>
Avatar billede theselfimages Nybegynder
10. februar 2003 - 00:28 #14
Takker... i må deles om point..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester