---
title: "Teckensnitt & Färg i option value"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/119064-teckensnitt-färg-i-option-value"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ade"
published: "2005-01-01T14:23:19.000Z"
updated: "2005-01-02T00:34:53.000Z"
replies: 6
views: 328
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/119064-teckensnitt-färg-i-option-value"
---

# Teckensnitt & Färg i option value

## #1 — ade, 2005-01-01T14:23Z

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

Permalänk: https://www.webforum.nu/p/119064

## #2 — Type, 2005-01-01T14:28Z

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

Permalänk: https://www.webforum.nu/p/1516945

## #3 — ade, 2005-01-01T14:31Z

Som jag anade. Tack!

Permalänk: https://www.webforum.nu/p/1516947

## #4 — ade, 2005-01-01T14:34Z

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

Permalänk: https://www.webforum.nu/p/1516948

## #5 — Type, 2005-01-01T14:53Z

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

Permalänk: https://www.webforum.nu/p/1516957

## #6 — ade, 2005-01-02T00:27Z

Jo jag är mycket medveten om det

Permalänk: https://www.webforum.nu/p/1517181

## #7 — Pedda, 2005-01-02T00:34Z

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

Permalänk: https://www.webforum.nu/p/1517183

---

Tråden på webben: https://www.webforum.nu/amne/html-css/119064-teckensnitt-färg-i-option-value