Max Kiesler - Web Design, SOMA San Franciso

Simple CSS Imput Field Color Changer

 Subscribe

Friday, August 19, 2005

Have you ever wondered how websites change the color of their input fields when you click on them? Here is an easy to use method you can implement in less than Five Minutes!

All you need to do is add the following code to your style sheet and change the colors to match your what ever you what.

That’s it!

input:focus, textarea:focus, select:focus {
border: 1px solid #666;
background:#ff9;
color:black;
}

Comments on this post

Harry Maugans  on  05/28  at  08:24 PM

That’s fantastic! I just implemented it on my company’s website:  http://www.rolloffcomplete.com.  A simple copy&paste;into the css file. 

Lem  on  06/02  at  12:15 AM

Cool for its being simple;))
Thank you.