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???
exp
Juniormester
14. januar 2004 - 09:39
#2
og skrifttype, størrelse, bredde, højde
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>
14. januar 2004 - 10:05
#7
Takker for det, må se om det vil virke nu, ligger du et svar?
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...