forms - Change color of text while typing in HTML textbox? -

i have set of text input boxes , right while typing in them, text being typed doesn't show up. once different part of page clicked, text shows up, not while user typing. know might causing this?

<form method="post" action="/contact" >     <ul class="contact">       <li>         <label for="name">name</label>         {{ contact | contact_input: 'name' }}       </li>       <li>         <label for="email">email</label>         {{ contact | contact_input: 'email' }}       </li>       <li>         <label for="subject">subject</label>         {{ contact | contact_input: 'subject' }}       </li>       <li>         <label for="message">message</label>         {{ contact | contact_input: 'message' }}       </li>       <li>         <label for="captcha">spam check</label>         <div>           {{ contact | contact_input: 'captcha' }}           <div class="captcha_image">{{ contact.captcha }}</div>           <span>please enter characters image.</span>         </div>       </li>     </ul>     <button type="submit" name="submit" tabindex="6" title="send email">send</button>   </form> 

you may try css like:

ul.contact > li > input:focus{ color:black; } 

hope helps!