---
title: "Styla lista med CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/133752-styla-lista-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "K@llen"
published: "2005-09-05T12:49:38.000Z"
updated: "2005-09-05T13:27:33.000Z"
replies: 3
views: 310
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/133752-styla-lista-med-css"
---

# Styla lista med CSS

## #1 — K@llen, 2005-09-05T12:49Z

Hej,

Jag har en helt vanlig lista av typen circle. Denna används till en meny. Nu vill jag markera ut var i menyn man befinner sig. Kan jag ändra style på ett (1) listelement (\<li\>) i listan. 

Exempel: 
Om jag har alla cirklar grå, så vill jag exempelvis ha det valet man befinner sig på som en röd cirkel? Går det att göra? Hur gör man?

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

## #2 — silfver, 2005-09-05T13:05Z

Hm. Jag är nästan säker på att du inte kan ändra färg på cirklarna, men du kan ju göra en egen? Det borde väl gå, tror jag? :D Pröva. 

```
li.active { list-style-image: url(bild.gif); }
```

 Blir osäker på om det är rätt kod nu...

r\\ Ändrade koden efter att ha sett fiddlers svar. :)

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

## #3 — fiddler, 2005-09-05T13:24Z

Som Silfver säger går det ju alltid att göra en egen bild.

<http://member.webforum.nu/3888/index.htm>

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

## #4 — Tinwëlint, 2005-09-05T13:27Z

Bra det silfver. **list-style-image** heter det. Men för det mesta är det lättare att sätta en bild i bakgrunden och kontrollera den på det viset.

ex:

```
li.active{
background: url(bullet.png) no-repeat 0% 50%;
}
/*bilden repeteras inte och placeras i mitten till vänster*/
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/133752-styla-lista-med-css