webForumDet fria alternativet
Logga in / Bli medlem

Cutom input fält

HTML & CSS

6 svar · 468 visningar · startad av Emil RT

Medlem sedan feb. 2004200 inlägg
Frågan#1

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?

Medlem sedan aug. 20039 340 inlägg
#2

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;
}
Medlem sedan feb. 2004200 inlägg
#3

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.

Medlem sedan juni 20019 519 inlägg
#4

Har du ett exempel live?

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

kör du nu eller?

Medlem sedan feb. 2004200 inlägg
#5

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

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

Medlem sedan juni 20019 519 inlägg
#6

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

Medlem sedan feb. 2004200 inlägg
#7

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!

303 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
166 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
165 ms — ändringar (db)