Changing the color of the text and cursor in input box

Question

When a user clicks in the box below, the cursor and typed text are black. How could I make them the color of #DE2A00 ?

<div class="usernameformfield"><input tabindex="1" accesskey="u" name="username" type="text" maxlength="35" id="username" /></div> 

Answer 1

Just use CSS:

#username{color:#000;} /* black when not with focus */
#username:focus{color:#de2a00;} /* green when input has focus - only affects this specific input */