webForumDet fria alternativet

Bakgrund i input

6 svar · 292 visningar · startad av ade

adeMedlem sedan juli 20041 081 inlägg
#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/

Mr. N.Medlem sedan sep. 20025 507 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.

dectgapMedlem 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

Mr. N.Medlem sedan sep. 20025 507 inlägg
#4

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

dectgapMedlem 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.

dAEkMedlem 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?

adeMedlem sedan juli 20041 081 inlägg
#7

Funkade perfekt! Tack så mkt!

256 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
126 ms — hämta forumlista (db)
119 ms — hämta statistik (db)
127 ms — hämta tråd, inlägg och bilagor (db)