webForumDet fria alternativet

Teckensnitt & Färg i option value

HTML & CSS

6 svar · 310 visningar · startad av ade

Medlem 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?!

Medlem sedan mars 20021 239 inlägg
#2

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

Medlem sedan juli 20041 081 inlägg
#3

Som jag anade. Tack!

Medlem sedan juli 20041 081 inlägg
#4

Det vart inte riktigt rätt. Andvänder en annnan select sträng men det kan jag lösa själv nu.

Medlem sedan mars 20021 239 inlägg
#5

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

Medlem sedan juli 20041 081 inlägg
#6

Jo jag är mycket medveten om det

Medlem sedan juni 20006 031 inlägg
#7

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>
266 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)