Cutom input fält

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?

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;
}

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.

Har du ett exempel live?

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

kör du nu eller?

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

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

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

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!