---
title: "Cutom input fält"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/178942-cutom-input-fält"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Emil RT"
published: "2009-06-10T13:51:44.000Z"
updated: "2009-06-12T12:31:53.000Z"
replies: 6
views: 468
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/178942-cutom-input-fält"
---

# Cutom input fält

## #1 — Emil RT, 2009-06-10T13:51Z

Har surfat runt lite och fattar det som att det är ouppnåligt att ha en helt egen bild istället för Input-fältet i HTML.

Har bl a testat med ...

```
.textInput
{
       width: 160px;
       height: 27px;
       border:solid 0 #fff;
       background: transparent url("textInput.png") no-repeat;
}
```

... vilket funkar bra i en del webbläsare med inte i IE6 t ex.

Finns det någon lösning som funkar überalle?

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

## #2 — nitro2k01, 2009-06-10T14:05Z

Nu har jag iofs inte IE6 på jobbet men pröva följande kanske?

```
.textInput
{
       width: 160px;
       height: 27px;
       border:solid 0 #fff;
       background: transparent;
       background-image: url("textInput.png") ;
       background-repeat: no-repeat;
}
```

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

## #3 — Emil RT, 2009-06-11T06:28Z

Tyvärr ...

Alltså själva utseendet är bra (i båda fallen) men det går inte att sätta fokus på textplattan eller skriva i någon text. Den agerar alltså bara som en bild.

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

## #4 — voigtann1, 2009-06-11T06:57Z

Har du ett exempel live?

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

 kör du nu eller?

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

## #5 — Emil RT, 2009-06-11T13:43Z

Nä, bara lokalt än så länge.

Koden stämmer (genereras dock från .NET men det spelar ju ingen roll).

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

## #6 — voigtann1, 2009-06-11T14:13Z

Kan du posta den genererade koden för input fältet?

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

## #7 — Emil RT, 2009-06-12T12:31Z

Jajamän ...

```
<input name="UserName" type="text" maxlength="20" id="UserName" class="textInput" />
```

DOCK ... dubbelkollade nu igen en gång till så att det verkligen var fel i IE6 och det är det också. Fast även om jag inte har stajlat inputen. Och även i Googles sökfält. Måste vara något fel med min IE6.

Använder "Multiple IES" för att testa sidor i gamla verisoner. Tji fick jag.

Tack för hjälpen dock!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/178942-cutom-input-fält