---
title: "Underline"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1242-underline"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Rinaldo"
published: "2001-07-09T15:27:00.000Z"
updated: "2001-07-09T17:06:00.000Z"
replies: 3
views: 284
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/1242-underline"
---

# Underline

## #1 — Rinaldo, 2001-07-09T15:27Z

Om man har en länk ´som byter färg när man för över musen över den med hjälp av css. Kan man då samtidigt få den att bli understruken med en understrykning som har en annan färg?

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

## #2 — Jojoxx, 2001-07-09T15:39Z

Byta färg och understrykning är inga problem, men att få en annan färg på understrykningen i förhållande till länk-texten vixar du inte med CSS.

Det närmaste;

```
<style type="text/css">
a		{ color: green; text-decoration: none; }
a:hover	{ color: blue; text-decoration: underline; }
</style>
```

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

## #3 — Erik Juhlin, 2001-07-09T16:11Z

Ännu närmare. :p

```
<style type="text/css">
<!--
a {text-decoration: none}
a:hover {text-decoration: underline; color: #FF0000}
.linkcolor {color: #0000FF}
-->
</style>

<a href="sida.html"><span class="linkcolor">Länk</span></a>
```

Funkar bra i Internet Explorer 5 och Mozilla. Har inte testat i Opera, Netscape 4 och andra webbläsare.

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

## #4 — Jojoxx, 2001-07-09T17:06Z

Ja just det. Dumt av mig. Kombinera det sedan med lite dhtml så får du den efterlängtade super-duper-effekten;

```
<a href="sida.html"><span class="linkcolor" onMouseover="this.style.color='#00ff00';" onMouseout="this.style.color='#0000ff';">Länk</span></a>
```

... Tror inte vi behöver testa i Netscape 4 ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1242-underline