---
title: "Fin färg på Select-box?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129737-fin-färg-på-select-box"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aasah"
published: "2005-06-09T15:50:53.000Z"
updated: "2005-06-10T13:18:02.000Z"
replies: 7
views: 371
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/129737-fin-färg-på-select-box"
---

# Fin färg på Select-box?

## #1 — aasah, 2005-06-09T15:50Z

Kan man byta färg på pilen bredvid en selectbox? Från svart pil på grå botten till något annat? Om det går, hur skriver man i CSS?  :q

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

## #2 — icaaq, 2005-06-09T16:00Z

Det går inte att göra med html och css. Det finns några sätt att efterlikna select-element t ex. <http://www.webforum.nu/showthread.php?s=&postid=1048730#post1048730>

mv icaaq

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

## #3 — aasah, 2005-06-09T16:22Z

Tack, men det där var alldeles för avancerat för mig (särskilt för det jag ska ha det till). Men jag undrar... Den artikel som det länkas till (från icaaqs länkade inlägg) säger: 

> **select something new, Part 1 skrev:**
>
> . Apart from basic background color, font and color adjustments, you don&#8217;t really have a lot of control over the \<select\>.

Så då borde det väl gå att byta färg på den, eller...??? :q

Eller vad är det man KAN ändra på den?

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

## #4 — Palle, 2005-06-09T21:15Z

Nej, du kan inte ändra utseendet på själva containern, bara  själva *option*\-listan (rullgardinen).
Typ background, color, font etc..

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

## #5 — aasah, 2005-06-09T21:23Z

Aha! :r Det var det som menades.

Det var ju synd, men... hur ändrar man font-färg på  option-delen då? Det kanske inte vore fullt lika fullt om mina options hade samma färg som resten av texten....

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

## #6 — zcorpan, 2005-06-09T22:05Z

```
option { color:red; }
```

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

## #7 — SannyW, 2005-06-09T22:28Z

Testade lite, lekte fram detta:

```
select, option {
	background-color: red;
	font-family: verdana, sans serif;
	font-size: 9px;
	color:white;
	border: solid;
}

option {
  	border: none;
}
```

Då blir första valet också markerat än om man endast kör på option. för då blir endast lista som fälls ut färgad.

/r 
har ändrat lite så ett tidigare problem försvann.

/r 2

man kan även bygga på och göra så hover funkar i firefox, men som tidigare nämnt så funkar det EJ i IE.

Man måste då använda sig av två olika filer, select bakgrunden måste vara typ en svart bild. och option:hover bilden kan t ex vara röd.

notering, om man kör font-weight: bold på select, option så blir även option fetstil. Trots font-weight: normal längre ner så funkar detta i firefox men inte i IE.

```

select, option {
	background-color: red;
	font-family: verdana, sans serif;
	font-size: 9px;
	font-weight: bold;
	color:white;
	border: solid;
	background-image: url(filnamn.jpg);
}

option {
	font-weight: normal;
  	border: none;
}

option:hover {
	font-weight: normal;
  	border: none;
	background-image: url(filnamn2.jpg);
}
```

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

## #8 — aasah, 2005-06-10T13:18Z

Tackar! :D 

Det blev ursnyggt!  :birp

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/129737-fin-färg-på-select-box