---
title: "Bakgrund i input"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/120785-bakgrund-i-input"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ade"
published: "2005-01-23T01:35:38.000Z"
updated: "2005-01-23T12:38:26.000Z"
replies: 6
views: 320
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/120785-bakgrund-i-input"
---

# Bakgrund i input

## #1 — ade, 2005-01-23T01:35Z

Hejsan. Vill veta hur man får till en bakgrund i en input och textarea!

Såsom på denna sida:

<http://www.farwoods.com/contact/>

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

## #2 — Mr. N., 2005-01-23T01:45Z

Det är ju fejk, det ligger en ruta med en grå fade i över inputfälten och när du hovrar över rutan så försvinner den och du ser inputfältet istället.

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

## #3 — dectgap, 2005-01-23T01:57Z

> **Mr. N. skrev:**
>
> Det är ju fejk, det ligger en ruta med en grå fade i över inputfälten och när du hovrar över rutan så försvinner den och du ser inputfältet istället.

 :q
Nej, så är det inte.

Genom style sheets kan du få en bakgrund på i princip vilket element du vill.

T ex

```
input, textarea {
   background: #fff url(input_bakgrund.gif) top left repeat-x;
}

input:hover, input:focus, textarea:hover, textarea:focus {
   background-image: url(input_bakgrund_hover.gif);
}
```

Det sistnämnda fungerar dock inte i IE.

Läs gärna på lite om *background*, om du känner dig osäker:
<http://www.w3.org/TR/CSS21/colors.html#q2>
<http://www.w3schools.com/css/css_background.asp>

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

## #4 — Mr. N., 2005-01-23T02:01Z

Det beter sig annorlunda i Opera, där blir fälten helt vita när man hovrar över eller markerar dem. ;)

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

## #5 — dectgap, 2005-01-23T02:15Z

Jag förstår nästan mindre av vad du menar nu...

Den senaste Opera-versionen jag har installerad är 7.11 och där fungerar hover-funktionen likadant som i Firefox. Fälten blir inte helt vita, utan det som faktiskt händer är att bakgrundsbilden förskjuts 2px uppåt.

Eftersom du kör v.7.50 skulle jag bli väldigt förvånad om det inte fungerar där.

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

## #6 — dAEk, 2005-01-23T02:30Z

Någon som yrar ur nattmössan? ;)

Inga problem här, Opera 7.54.

**Mr.N. »** Varför uppgraderar du inte till 7.54 förresten?

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

## #7 — ade, 2005-01-23T12:38Z

Funkade perfekt! Tack så mkt!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/120785-bakgrund-i-input