AadeMedlem sedan juli 20041 081 inlägg Frågan#1 Har en dropdown meny som ser ut så här:
<option>Välj Kategori</option>
<option value="blandat.htm">Blandat</option>
<option value="manniskor.htm">Människor</option>
<option value="byggnader.htm">Byggnader</option>
<option value="djur.htm">Djur & Natur</option>
<option value="foremal.htm">Föremål</option>
<option value="ovrigt.htm">Övrigt</option></optgroup>
</select>
Hur ändrar jag teckensnitt och färger i en sådan?!
TTypeMedlem sedan mars 20021 239 inlägg Så här?
.middleInput{
border:1px #CCC solid;
font-family: Verdana,Tahoma,sans-serif;
color:#FFF;
vertical-align:middle;
background-color:#666;
}
<select class="middleInput" style="font-weight:normal;font-size:11px;">
<option>Välj Kategori</option>
<option value="blandat.htm">Blandat</option>
<option value="manniskor.htm">Människor</option>
<option value="byggnader.htm">Byggnader</option>
<option value="djur.htm">Djur & Natur</option>
<option value="foremal.htm">Föremål</option>
<option value="ovrigt.htm">Övrigt</option></optgroup>
</select>
/red
Med din kod blir det så här istället ;)
AadeMedlem sedan juli 20041 081 inlägg Det vart inte riktigt rätt. Andvänder en annnan select sträng men det kan jag lösa själv nu.
TTypeMedlem sedan mars 20021 239 inlägg Det du ska lägga till i selectsträngen är:
class="middleInput"
eftersom det är vilken "stilklass" du vill använda...
Att det är just class man ska skriva ser man på punkten framför middleInput i stilmallen... Om man istället skriver
[red]#[/red]middleInput{
border:1px #CCC solid;
font-family: Verdana,Tahoma,sans-serif;
color:#FFF;
vertical-align:middle;
background-color:#666;
}
måste man skriva id="middleInput" i selectsatsen istället...
Class kan användas om man har flera objekt som ska ha middleInput-stil... Annars kan man använda id istället... tror jag?!?
AadeMedlem sedan juli 20041 081 inlägg Jo jag är mycket medveten om det
PPeddaMedlem sedan juni 20006 031 inlägg Eller om du vill ha olika färger på olika rader så kan du använda
<option value="blandat.htm" style="background-color: #C2C287; color: #000000;" >Blandat</option>