Je veux changer la couleur de la bordure inférieure à l'aide jquery..ThanksChanger la couleur de la bordure inférieure en utilisant jquery?
27
A
Répondre
49
$("selector").css("border-bottom-color", "#fff");
- construire votre objet jQuery qui fournit des méthodes appelables premier. Dans ce cas, disons que vous avez un
#mydiv
, puis - appelez la méthode
.css()
fournie par jQuery pour modifier les valeurs de propriété CSS de l'objet spécifié.
18
$('#elementid').css('border-bottom', 'solid 1px red');
4
Si vous avez dans votre fichier CSS:
.myApp
{
border-bottom-color:#FF0000;
}
et un div par exemple de:
<div id="myDiv">test text</div>
vous pouvez utiliser:
$("#myDiv").addClass('myApp');// to add the style
$("#myDiv").removeClass('myApp');// to remove the style
ou vous pouvez il suffit d'utiliser
$("#myDiv").css('border-bottom-color','#FF0000');
Je préfère le premier exemple, en gardant tous les éléments liés CSS dans les fichiers CSS.
9
Pour modifier d'autres valeurs de propriété CSS, vous pouvez utiliser l'objet css. tel que:
hilight_css = {"border-bottom-color":"red",
"background-color":"#000"};
$(".msg").css(hilight_css);
mais si le code de modification est gonflé. vous devriez considérer le approach Mars suggéré. le faire de cette façon:
d'abord, dans votre fichier css:
.hilight { border-bottom-color:red; background-color:#000; }
.msg { /* something to make it notifiable */ }
En second lieu, dans votre code js:
$(".msg").addClass("hilight");
// to bring message block to normal
$(".hilight").removeClass("hilight");
si IE6 est pas un problème, vous pouvez enchaîner ces classes avoir des sélecteurs plus spécifiques.
Questions connexes
- 1. Essayer de changer la couleur de la bordure d'une étiquette
- 2. Comment changer la couleur de la bordure du formulaire C#?
- 3. Comment changer la couleur de la bordure d'une boîte de groupe?
- 4. Changer la couleur d'une partie du texte en utilisant javascript?
- 5. WPF SystemColors: couleur de la bordure TextBox
- 6. Comment définir la couleur de la bordure d'un CircleItemRenderer
- 7. La barre d'état de Firefox est 3/4 "au-dessus de la bordure inférieure
- 8. Changer la couleur de JFileChooser
- 9. Comment spécifier la bordure inférieure d'un <tr>?
- 10. Comment changer la couleur de la police dans VB6?
- 11. Changer la couleur de la date
- 12. Couleur de la bordure du groupe Box dans application Windows
- 13. Changer la couleur d'un pixel
- 14. Changer la couleur de fond de nuage de tags
- 15. WinForms: couleur Bordure DataGridView
- 16. Flash/As3 - changer la couleur de focusRect
- 17. comment changer la couleur de winform DataGridview en-tête?
- 18. Changer la couleur de police du texte en format PDF
- 19. comment changer la couleur de police de contrôle css en utilisant colorpicker
- 20. Réinitialiser la couleur de la bordure d'un contrôle d'entrée (HTML/Javascript)
- 21. iPhone: comment changer la couleur d'une image
- 22. UIStringDrawing Changer la couleur de la police - touche de cacao
- 23. Changer la couleur d'arrière-plan plein écran
- 24. Comment changer la couleur UIPicker? iPhone
- 25. Changer la couleur de la police runtime Android
- 26. Est-ce possible de changer la couleur des fleurs dynamiquement en utilisant FLASH
- 27. Modification de la couleur de la bordure dans les cellules UITableView iPhone (non groupées)
- 28. Comment changer la couleur de la police d'un TextBox désactivé?
- 29. changer la couleur de titleFor-tête dans la section
- 30. Changer la couleur de fond sur la radio sélectionnez
Pour les curieux qui ont consulté le journal de révision de mon bidouillage du contenu, je suis un peu saoul. – nil
je veux changer deux ou plusieurs propriétés ... où dois-je mettre la deuxième propriété – halocursed
parce que le commentaire n'est pas assez expressif, donc je vais poster une autre réponse. – nil