Avatar billede krydset Nybegynder
14. januar 2004 - 09:22 Der er 9 kommentarer og
2 løsninger

Hvad kan man styre i en select box

Hejsa, hvor meget kan man srtyre i en selectbox via css evt. backgroud osv???
Avatar billede nikolajdu Nybegynder
14. januar 2004 - 09:28 #1
for- og baggrundsfarve er stort set det eneste
Avatar billede exp Juniormester
14. januar 2004 - 09:39 #2
og skrifttype, størrelse, bredde, højde
Avatar billede nikolajdu Nybegynder
14. januar 2004 - 09:48 #3
Nåja man kan faktisk også godt lægge et baggrundsbillede ind men det giver ikke rigtigt nogen mening....
Avatar billede krydset Nybegynder
14. januar 2004 - 09:53 #4
Kan du ikke give mig koderne, it dosent seem to work here :-(
Avatar billede nikolajdu Nybegynder
14. januar 2004 - 09:54 #5
En gammel sag jeg lige copy/pastet lidt i :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

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

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px ;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px ;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;
height:40px;
width:205;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #ff9900; background-color: #ff0000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px ;}


.check {
  background-color : #00e9e9;
  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">

<select class="tjekket1">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket2">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket3">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket4">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket5">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket6">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket7">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket8">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="tjekket9">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<select class="check">
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
<option value="hej du gamle">hejsa alle der</option>
</select>

<br><br>

<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

<br><br>

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


</body>
</html>
Avatar billede nikolajdu Nybegynder
14. januar 2004 - 09:54 #6
Næh se checkboxene er langt sjovere at pille ved.... ;-)
Avatar billede krydset Nybegynder
14. januar 2004 - 10:05 #7
Takker for det, må se om det vil virke nu, ligger du et svar?
Avatar billede nikolajdu Nybegynder
14. januar 2004 - 10:16 #8
Kan vel dele med exp han sagde jo næsten halvdelen af tingene ;-)
Avatar billede exp Juniormester
14. januar 2004 - 10:46 #9
c",)
Avatar billede exp Juniormester
14. januar 2004 - 10:46 #10
Kan se admin _ikke_ har implementeret den funktion, der selv finder ud af om det er svar eller kommentar...
Avatar billede gustav-olsen Nybegynder
14. januar 2004 - 22:37 #11
Hvorfor ikke tage et kig i CSS referencen?

http://www.w3schools.com/css/css_reference.asp
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