---
title: "Olika stilar på varje enskild option i en select"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144279-olika-stilar-på-varje-enskild-option-i-en-select"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "stephan"
published: "2006-03-21T11:02:01.000Z"
updated: "2006-03-23T19:02:31.000Z"
replies: 4
views: 340
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/144279-olika-stilar-på-varje-enskild-option-i-en-select"
---

# Olika stilar på varje enskild option i en select

## #1 — stephan, 2006-03-21T11:02Z

Går det att få till olika typsnitt, färger, storlekar och textstilar på resektive option i en select-box?

JavaScript eller inte spelar ingen roll. Behöver bara funka i Internet Explorer, men också gärna FireFox. Vi kan kräva att besökaren har senaste version av sin browser.

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

## #2 — nitro2k01, 2006-03-21T11:19Z

IE klarar bara av färg och bakgrundsfärg, medan FF klarar av använda vilka CSS-attribut som helst. Så tvinga dina användare att använda FF! :) 

```
<style type="text/css">
.opt1{
	font-family: arial;
}

.opt2{
	font-family: "times new roman";
	color: green;
	background: red;
}

.opt3{
	font-family: "times new roman";
	color: blue;
	background: url('http://www.google.se/images/hp0.gif');
	font-size: 20px;
}

.opt4{
	border: 3px solid red;
}

</style>

<select>
<option class="opt1">Arial</option>
<option class="opt2">Röd times new roman</option>
<option class="opt3">Google</option>
<option class="opt4">Röd ram</option>

</select>
```

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

## #3 — stephan, 2006-03-21T15:11Z

Jag försökte nåt liknande själv förut, men det funkar tyvärr inte i IE.

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

## #4 — Troxy, 2006-03-21T18:53Z

Jag kan tillägga att select-elementet är helt ombyggt från scratch i nya IE7. Det kommer således ha många fler möjligheter för CSS. Vilka vet jag inte exakt dock, men förhoppningsvis just detta.

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

## #5 — stephan, 2006-03-23T19:02Z

Testade precis nitro2k01:s kod i IE7 Beta 2 Preview (20060125.153820), och där blev den helt ostajlad.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144279-olika-stilar-på-varje-enskild-option-i-en-select