---
title: "Css i option"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/130544-css-i-option"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "The_L"
published: "2005-06-25T15:56:51.000Z"
updated: "2005-06-25T17:46:50.000Z"
replies: 5
views: 367
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/javascript/130544-css-i-option"
---

# Css i option

## #1 — The_L, 2005-06-25T15:56Z

Hejsan. Jag har skapat en select-lista med dynamiska options i javascript. Så här: document.Form1.sel.options\[0\] = new Option('nåt','nåt'); Hur kan man ange att varje enskild option ska ha en css?

The \_L

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

## #2 — m_soderlund, 2005-06-25T16:02Z

Ska du ha en specifik stil för varje option?? Det rekommenderas inte.. För att styla option skriver du

```
option { color: #333; }
```

t.ex. :)

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

## #3 — The_L, 2005-06-25T17:11Z

Ok, jag förstår att det inte rekommenderas. Jag förklarade nog lite dåligt.
Jag bygger upp en lista av options med javascript beroende på vilken radioruta en användare klickat på. O därför vill jag ju även kunna sätta stylesheet beroende på vilken radioruta som klickats på. För det är ev så att det kommer att användas olika stylesheets. 

Vad jag förstår av din lösning så kommer samma stylesheet att användas? 

//The_L

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

## #4 — m_soderlund, 2005-06-25T17:26Z

Okej. I så fall får du använda dig av document.getElementById och setAttribute och sedan sätta ett attribut till selectelementet du vill "styla". Om du har en dropdownlista som ser ut så här

```
<select id="test1">
<option>...</option>
<option>...</option>
</select>
```

så kan du vid onClick i en radioruta anropa denna funktion:

```
function swapStyle() {
oSelect=document.getElementById("test1");
oSelect.setAttribute("class","en_css-klass");
}
```

genom att skriva

```
onClick="swapStyle();"
```

 i radiorutan.

Sedan får du i din CSS skapa klasser med de stilvärden du vill.

You got it? :)

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

## #5 — m_soderlund, 2005-06-25T17:29Z

Alternativt fungerar också

```
oSelect.setAttribute("style","border: solid 1px #333;");
```

 till exempel. :)

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

## #6 — The_L, 2005-06-25T17:46Z

Tack så mycket!
Precis vad jag skulle ha!

The_L

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/130544-css-i-option