CSS ou JS - change la couleur de fond de l'entrée lorsque l'entrée est porté?

Est-il un moyen de définir un background-color sur la saisie de texte perd le focus?

J'essaie en js, mais je voudrais savoir si c'est possible en css pur.

cela ne semble pas travailler

input{
 background-color:#fff !important;
}   
input:focus{
background-color:#333 !important;
}
//input:unfocused and has value{ ??? :) }

 $('input,textarea').on('focusout',function(e){
      if($(this).val().length){
       $(this).css('background-color','#fff');
      }
      });

merci

CSS !important déclaration n'est pas pris en charge par jquery .css() de la méthode, de la supprimer ou de l'utilisation de la classe
je vous remercie de l'homme, mais toujours pas de travail, parce que j'ai déjà, par défaut, l'arrière-plan-couleur: fff important; à l'entrée , juste essayer de changer d'arrière-plan si l'entrée a de la valeur et est focusout
le :focus pseudo-classe va vous permettre de le faire comme un processus négatif. re-couleur lorsque concentré puis retour à la normale lorsqu'il n'est pas.
merci mais j'ai j'ai besoin de 3 stetements backgrond : input, input:focus, entrée:focusout
Vous pouvez essayer de input:not(:focus)

OriginalL'auteur itsme | 2013-11-25

  1. 3

    Le CSS3 méthode serait, par exemple:

    input[type=text]:focus{
    color:red;
}

    Voir CE VIOLON. Un peu en arrière, vous auriez du style de l'actif, pas le flou qui sélecteur.

    Pour simuler le flou, vous pouvez utiliser :not(:focus), voir ici

    c'est pour l'accent j'ai besoin de focusout 😛
    l'accent est à l'opposé. Style la normale (non :focus) sélecteur pour focusout. Il en fait de même, mais à l'envers dans le CSS
    j'ai besoin de 3 stetements backgrond : input, input:focus, entrée:focusout
    Il n'y a pas de focusout sélecteur CSS, ce qui doit être fait en JS
    ok 🙁 ..........

    OriginalL'auteur SW4

  2. 1

    textarea et d'entrée sont différents sélecteurs:

    Le faire avec jquery:

    <script type="text/javascript">
$(document).ready(function(){
      $('textarea').on('focusout',function(){ //When losing focus
            $(this).css('background','#FFF');
      });
      $('textarea').on('focus',function(){ //When focus
            $(this).css('background','#333');
      });
});
</script>

    Ou CSS:

    textarea { background-color:#fff !important; }  
textarea:focus { background-color:#333 !important; }
    hey désolé j'ai eu le correctif il était d'enlever un peu de css maintenant, c'est fichu, je suis désolé , je vous remercie pour votre temps, j'ai voté pour fermer cette

    OriginalL'auteur Joao Paulo