---
title: "byta länkfärg med this.style nånting?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/129271-byta-länkfärg-med-this-style-nånting"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "maqe"
published: "2005-06-01T14:23:54.000Z"
updated: "2005-06-01T18:54:47.000Z"
replies: 9
views: 283
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/129271-byta-länkfärg-med-this-style-nånting"
---

# byta länkfärg med this.style nånting?

## #1 — maqe, 2005-06-01T14:23Z

Jag har en vanlig \<ul\> lista med länkar i och när jag kör onmouseover på \<li\> så byts bakgrundsfärgen till blå och då vill jag även byta länkfärgen till vit. Hur gör jag får att komma åt länk objektet som är i min li?

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

## #2 — maqe, 2005-06-01T14:59Z

antar att man får köra this.className för att få länken att haka på ... jag löste det så iaf

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

## #3 — zcorpan, 2005-06-01T15:37Z

Varför inte låta länken fylla ut hela LI-elementet, och sedan använda a:hover? 

```
<ul>
 <li><a href="#">foo</a></li>
</ul>
```

```
ul a { display:block; padding:.5em; }
ul a:hover { background:navy; color:white; }
```

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

## #4 — maqe, 2005-06-01T16:32Z

> **zcorpan skrev:**
>
> Varför inte låta länken fylla ut hela LI-elementet, och sedan använda a:hover? 
>
> ```
> <ul>
>  <li><a href="#">foo</a></li>
> </ul>
> ```
>
>
>
> ```
> ul a { display:block; padding:.5em; }
> ul a:hover { background:navy; color:white; }
> ```

så fort jag använder mig av display:block så blir det ett stort mellanrum mellan raderna i min lista?

I IE ska jag väl tillägga

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

## #5 — Guffa, 2005-06-01T17:34Z

Testa att sätta margin:0 på li.

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

## #6 — maqe, 2005-06-01T17:49Z

Ingen skillnad tyvärr ...

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

## #7 — zcorpan, 2005-06-01T17:52Z

Ja du, det kan man verkligen undra.

Jag testade lite granna, och lyckades faktiskt få IE att krasha med tre rader CSS. :OO

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

## #8 — maqe, 2005-06-01T18:19Z

hehe ... förövrigt så fungerar detta precis som jag vill. IE fix önskas :)

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

## #9 — zcorpan, 2005-06-01T18:32Z

```
/* \*/
* html ul a { height:1%; }
/* */
```

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

## #10 — maqe, 2005-06-01T18:54Z

haha ... den hade jag aldrig knäckt själv asså thx zcorpan ...

Dock blev det någon pixel över i botten av min ul i FF nu istället men det gör nog inget.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/129271-byta-länkfärg-med-this-style-nånting