---
title: "Ändra färg på länkarna vid mouse over"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/90121-ändra-färg-på-länkarna-vid-mouse-over"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "HittiS"
published: "2003-11-11T17:00:48.000Z"
updated: "2003-11-12T08:54:58.000Z"
replies: 11
views: 721
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/90121-ändra-färg-på-länkarna-vid-mouse-over"
---

# Ändra färg på länkarna vid mouse over

## #1 — HittiS, 2003-11-11T17:00Z

Tjo!

Nu har jag kommit till den delen på hemsidan när jag vill att färgen på länkarna ska ändra färg då man håller musen över dem. (inga steck under eller nått sånt tjafs, bara skifta i färg alltså)

Hittade följande:

\<td OnMouseOver="this.style.background='#bbbb88'" OnMouseOut="this.style.background='#999966'" OnClick="this.location.href='lank1.html'"\>\<a href="lank1.html"\>Länk 1\</a\>\</td\>

Kan någon vänlig själ "göra i ordning" ovanstående script så det bara är att kopiera in =) \*tusen pussar\*

\# Vit färg standard
\# Röd färg vid "mouse over"
\# Länka till "index"

Eller finns det några andra förslag?

Tack på förhand....

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

## #2 — Fredde Mannen, 2003-11-11T17:10Z

Re: Ändra färg på länkarna vid mouse over

> **HittiS skrev:**
>
> Tjo!
> 
> Nu har jag kommit till den delen på hemsidan när jag vill att färgen på länkarna ska ändra färg då man håller musen över dem. (inga steck under eller nått sånt tjafs, bara skifta i färg alltså)
> 
> Hittade följande:
> 
> \<td OnMouseOver="this.style.background='#bbbb88'" OnMouseOut="this.style.background='#999966'" OnClick="this.location.href='lank1.html'"\>\<a href="lank1.html"\>Länk 1\</a\>\</td\>
> 
> Kan någon vänlig själ "göra i ordning" ovanstående script så det bara är att kopiera in =) \*tusen pussar\*
> 
> \# Vit färg standard
> \# Röd färg vid "mouse over"
> \# Länka till "index"
> 
> Eller finns det några andra förslag?
> 
> Tack på förhand....

Vill du att bakgrunden skall ändra färg där länken är eller vill du att länktexten skall ändra färg? 

Det script du visar, ändrar bakgrundsfärgen i en cell!

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

## #3 — HittiS, 2003-11-11T17:21Z

Jaha \*flåt\* (lite noob på det här) \*röd i nyllet\*

Jag vill alltså att färgen på länktexten skall ändras från vit (standard) till röd vid "mouse over" (utan steck och dyl under). =)

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

## #4 — LeonL, 2003-11-11T17:27Z

Använd CSS!

Lägg till detta inom head-taggarna:

```
<style type="text/css">
<!--
a {
  color: #FFFFFF;
}
a:hover {
  color: #FF0000;
}
//-->
</style>
```

Så slipper du krångla med JavaScript ;)

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

## #5 — Fredde Mannen, 2003-11-11T17:33Z

> **HittiS skrev:**
>
> Jaha \*flåt\* (lite noob på det här) \*röd i nyllet\*
> 
> Jag vill alltså att färgen på länktexten skall ändras från vit (standard) till röd vid "mouse over" (utan steck och dyl under). =)

Inte behöver du \*flåta\*, frågar man inget får man inget veta! :) 

Gör som Leon Lee visar! =)

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

## #6 — Engine^, 2003-11-11T17:42Z

Den gode **LeonL** glömde det här med inga streck... 

```
<style type="text/css">
<!--
a {
  color: #FFFFFF;
  text-decoration: none;
}
a:hover {
  color: #FF0000;
}
//-->
</style>
```

Nu är det väl bara att kopiera in ;)

**red.** Hade missat en \> i slutet.

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

## #7 — HittiS, 2003-11-11T17:45Z

OK, lugn nu! Nu testade jag Leon's kod förslag, alltså kopierade in det han har skrivit mellan head-taggarna - men inte tusan funkade det. Förklara L Å N G S A M T - noob som sagt! =)

(såg ditt svar, ska testa det nu)

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

## #8 — HittiS, 2003-11-11T17:54Z

Weeeeeeeeeeeeeeeeee

Det funkar =) Tack så mycket grabbar, ni är underbara!

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

## #9 — Engine^, 2003-11-11T18:03Z

Varsågod.

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

## #10 — LeonL, 2003-11-11T20:00Z

\*flåt\* ;) Glömde att du inte ville ha det understreckat :r

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

## #11 — bossse, 2003-11-11T20:03Z

Ville bara komplettera med detta, där man ser vilken länk som senast besöktes

```
<html>
<head>
<style type1 ="text/css">

a:link, a:visited
{color:white; FONT-FAMILY: Verdana, Arial, Helvetica ;
FONT-SIZE: 16; FONT-WEIGHT:bold; text-decoration:none;}

a:active 
{color: blue;}

a:hover 
{color:red;} 

</style>
</HEAD>
<BODY BGCOLOR=GREEN>
<BR><BR>
<A HREF=länksida1.htm >Länkarna vita </A>
<BR><BR>
<A HREF=länksida2.htm >Länkarna röda vid hover </A>
<BR><BR>
<A HREF=länksida3.htm >Besökt länk, blå </A>
</body>
</html>
```

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

## #12 — Web-Tor, 2003-11-12T08:54Z

Om du använder Bosses kod så tänk på att ändra ordningen till:

> a:link
> a:visited
> a:hover
> a:active

[Källa](http://www.w3.org/TR/REC-CSS2/selector.html#x33)

**HittiS »**
Var vänligt och läs igenom [Forumtips/riktlinjer](http://www.webforum.nu/showthread.php?s=&threadid=85744&forumid=12) innan du postar fler inlägg i HTML-forumet. ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/90121-ändra-färg-på-länkarna-vid-mouse-over