Stilistic Dev /// Munky Style head_bg head end
nav begin hometutorialsgallerydownloadsservicesportfoliocontactabout
default   blue   orange   black   purple   yellow   teal   green   red  


Google
 
Web StilisticDev.net
mhtr Change the color of an active input boxmhtr
 
mbtl   mbtr
  This tutoril will show how to change the color of an input box or textarea when they are active. This is very simple and is done using CSS. So here we go!
After doing some testing, I found this does not work in IE, or Safari.

The first part is the CSS code:




.input {
background-color: #656D78;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.input
:focus {
background-color: #3D4D64;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}




Now for the html code:

<input type="text" class="input" />
<textarea
class="input"></textarea>
 
mbbl   mbbr