webForumDet fria alternativet

Ändra textfärg med CSS i aktivt textfält.

HTML & CSS

3 svar · 673 visningar · startad av Simpa

Medlem sedan aug. 20002 992 inlägg
Frågan#1

Hejsan, har en en textbox på min sida där jag ändrat färg på texten med hjälp av CSS, men undrar om det på något sätt går att ändra till en annan färg när fältet är aktivt och när man har skrivit i det? Finns det något sådant i CSS?

Medlem sedan aug. 20068 090 inlägg
#2

Vet inte själv exakt hur man ska skriva, men det bör funka med ett inline javascript. Alltså i taggen lägger man in ett "onFocus" med "thisstyle" åsså färgen där. Motsaten, dvs "onBlur" med de andra färgen.

Posta i javascriptforumet och fråga experterna eller gör ett sök.

Medlem sedan juni 20008 205 inlägg
#3

Du kan använda pseudoklassen :focus för det.

input[type="text"]  { color: red; }
input[type="text"]:focus { color: green; }

Funkar dock inte i... ja, gissa själv. Javascriptlösning (fulvariant) är

 
<input onfocus="this.style.color = 'green'; " onblur="this.style.color = 'red'; " ... />
Medlem sedan aug. 20002 992 inlägg
#4

Tack för hjälpen, ska testa då jag kommer hem!

250 ms totalt · 4 externa anrop · v20260731065814-full.2f471f9e
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)