web-dev-qa-db-fra.com

Comment utiliser jQuery pour changer la couleur d'arrière-plan d'un champ de texte?

Comment utiliser jQuery pour changer la couleur d'arrière-plan d'une zone de texte?

19
mike

La meilleure pratique consiste à séparer l’interface utilisateur de la logique, dans votre cas:

$("#textboxid").addClass("aClass");

Si vous en avez vraiment besoin, procédez comme suit:

$("#textboxid").css({"background-color": "color"});

Remplacez #textboxid par le sélecteur souhaité et colorez avec la couleur souhaitée.

Notez que ce qui suit fait la même chose pour une propriété:

$("#textboxid").css("background-color", "color");
42
Dykam
$('#txtBoxID').css('background-color', '#ffff00');
10
Joe Davis

Mieux vaut ajouter un nom de classe à l’entrée plutôt que des styles de codage dur dans votre js. Les styles de présentation doivent résider en css et non en js.

$('#inputId').addClass('someCssClass');
8
redsquare

Mieux encore, n'utilisez pas jQuery. Je suppose que vous voulez faire la mise au point ou le flou pour pouvoir faire:

#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}
0
Andrew