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

<style>
#username {
    color: #DE2A00;
}
</style>

Or you could have the color change when a user clicks on the field like so:

<script type=text/javascript src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
<script type=text/javascript>
    $(document).ready(function() {
        $('#username').click(function(){
            $(this).css({'color': '#DE2A00'});
        });
    });
</script>

It depends on what you want, I would check out this reference to start playing around with some things:

w3schools

and

css-tricks