webForumDet fria alternativet

Bakgrund i input

HTML & CSS

6 svar · 292 visningar · startad av ade

Medlem sedan juli 20041 081 inlägg
Frågan#1

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/

Medlem sedan sep. 20025 506 inlägg
#2

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.

Medlem sedan sep. 20021 655 inlägg
#3

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

Medlem sedan sep. 20025 506 inlägg
#4

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

Medlem sedan sep. 20021 655 inlägg
#5

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.

Medlem sedan feb. 20041 816 inlägg
#6

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?

Medlem sedan juli 20041 081 inlägg
#7

Funkade perfekt! Tack så mkt!

263 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)