---
title: "Bakgrunds färg på text ??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/124770-bakgrunds-färg-på-text"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Hamatzu"
published: "2005-03-20T17:44:35.000Z"
updated: "2005-03-21T13:22:51.000Z"
replies: 6
views: 307
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/124770-bakgrunds-färg-på-text"
---

# Bakgrunds färg på text ??

## #1 — Hamatzu, 2005-03-20T17:44Z

Hej hej ! 

Som ni kan se på denna hemsida så kan man få en bakgrundsfärg på valfri text.
<https://www.webdesignskolan.com/css/css.htm#headtextbakgrund>

Så min fråga är. Kan man få någon onmouseover/onmouseout effekt på detta. Så att bakgrundsfärgen på texten bara kommer fram när man håller musen över.

M.V.H 

Hamatzu

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

## #2 — frankof, 2005-03-20T18:04Z

med css:

```
<html>
<head>
<style type="text/css">
p:hover {background-color:red;}
</style>
</head>

<body>
<p>text</p>
</body>
</html>
```

IE stödjer inte detta.

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

## #3 — dectgap, 2005-03-20T18:21Z

Eftersom frågan är ställd i JavaScript-forumet förmodar jag ett en JavaScript-lösning är ok:

```
<script type="text/javascript">
String.prototype.trim = function(){
	return this.replace(/^\s+|\s+$/, "");
}

function addClass(obj, classStr){
	if(obj.className=="")
		obj.className = classStr;
	else
		obj.className += " "+classStr;
}

function removeClass(obj, classStr){
	if((new RegExp(classStr)).test(obj.className))
		obj.className = obj.className.replace(classStr, "").trim();
}

window.onload = function() {
	var pElms = document.getElementsByTagName("p");
	for(var i=0; i<pElms.length; i++) {
		pElms[i].onmouseover = function(){ addClass(this, 'hover'); }
		pElms[i].onmouseout  = function(){ removeClass(this, 'hover'); }
	}
}
</script>

<style type="text/css">
p.hover { background: #ccc; }
</style>
```

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

## #4 — Hamatzu, 2005-03-20T19:02Z

Kan man ändra storleken på bakgrundsfärgen på texten ????
 :q

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

## #5 — silfver, 2005-03-20T19:25Z

> **Hamatzu skrev:**
>
> Kan man ändra storleken på bakgrundsfärgen på texten ????
>  :q

Du kan nog inte ändra storleken på bakgrunden, men storleken på texten borde väl fungera. 

```
<style type="text/css">
p.hover {
	background: #ccc;
	font-size: 1em;
}
</style>
```

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

## #6 — Hamatzu, 2005-03-20T19:38Z

Tack för hjälpen alla  :birp

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

## #7 — @nders, 2005-03-21T13:22Z

Läs gärna i [FAQ:n](http://www.webforum.nu/misc.php?s=&action=faq&page=2#status) om hur funktionen "Acceptera som slutgiltigt svar" skall användas.

mvh

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/124770-bakgrunds-färg-på-text
