Modification de la couleur du texte et le curseur dans une zone de saisie

Lorsqu'un utilisateur clique sur la case ci-dessous, le curseur et le texte tapé est de couleur noire. Comment pourrais-je leur fais de la couleur de #DE2A00 ?

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

OriginalL'auteur John | 2011-11-16

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

    Ou vous pourriez avoir le changement de couleur lorsqu'un utilisateur clique sur le champ comme suit:

    <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>

    Cela dépend de ce que vous voulez, je voudrais vérifier cette référence pour commencer à jouer autour avec certaines choses:

    w3schools

    et

    css-tricks

    OriginalL'auteur newshorts

  2. 3

    Suffit d'utiliser CSS:

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

    OriginalL'auteur Dean Marshall

  3. 0

    Vous pourriez ces petits JavaScripts:

    onfocus="this.style.background = '#DE2A00'" onblur="this.style.background = 'white'"
    Vous définissez la couleur de fond de la question était pour l'avant-plan.
    Oups, je n'ai pas regardé d'assez près.

    OriginalL'auteur Lenar Hoyt

  4. 0

    Un peu plus court:

    input:focus { color: #DE2A00  }

    OriginalL'auteur John Riselvato

  5. 0

    Je suis en supposant que vous avez besoin du texte à l'intérieur de la zone de texte dans la couleur, si faire ce

     <input...type="text"...style="color: #DE2A00;"/></div>
    les styles en ligne sont le mal - entretien cauchemar.

    OriginalL'auteur Adithya Surampudi