---
title: "bakgrundsbild på en <input>?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/154491-bakgrundsbild-på-en-input"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Bosse168"
published: "2006-12-04T14:54:59.000Z"
updated: "2006-12-04T15:25:16.000Z"
replies: 5
views: 507
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/154491-bakgrundsbild-på-en-input"
---

# bakgrundsbild på en <input>?

## #1 — Bosse168, 2006-12-04T14:54Z

hut gör man för att lägga en bakgrundsbild på ett input fält i en css-fil?

```
<input class="blabla" type="text" />
```

 

Tack på förhand.   :bire

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

## #2 — oskars, 2006-12-04T15:01Z

```

<input class="blabla" type="text" class="input" />

CSS-filen:

.input {
background-image:url(dinbakgrundsbild.gif);
}
```

Det borde funka :)

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

## #3 — Web-Tor, 2006-12-04T15:03Z

Eller så använder du din blabla-klass: ;)

```
<style>
.blabla {background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');}
</style>

<input class="blabla" type="text" />
```

Allt du vill veta om CSS background:
<http://www.w3schools.com/css/css_background.asp>

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

## #4 — oskars, 2006-12-04T15:07Z

> **Web-Tor skrev:**
>
> Eller så använder du din blabla-klass: ;)
>
>
> ```
> <style>
> .blabla {background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');}
> </style>
> 
> <input class="blabla" type="text" />
> ```
>
> 
> 
> Allt du vill veta om CSS background:
> <http://www.w3schools.com/css/css_background.asp>

oj, missade helt den :)

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

## #5 — Bosse168, 2006-12-04T15:18Z

Tackar, tackar men man ser fortfarande dom fula rutkanterna bakom bakgrundsbilden.

Använder:

```
<style>
.blabla {background-image:url('my_bkg.gif');}
</style>

<input class="blabla" type="text" />
```

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

## #6 — Web-Tor, 2006-12-04T15:25Z

```
<style>
.blabla {
	background-image:url('http://www.webforum.nu/images/wfstandard/logo_griffel.gif');
	[b]border:none;[/b]
}
</style>

<input class="blabla" type="text" />
```

Allt du vill veta om CSS border:
<http://www.w3schools.com/css/css_border.asp>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/154491-bakgrundsbild-på-en-input