J'ai une portée comme celle-ci qui donne une icône de couleur proche de la couleur identique à la couleur du thème. mais veulent utiliser les icônes rouges qui sont disponible pour l'erreur.
Quelle classe de jQuery dois-je utiliser pour cela. J'ai trouvé une classe dans jQuery CSS Cette image est l'image contenant des icônes rouges JQuery.
Mais je ne peux pas l'utiliser.
5 Réponses :
La classe de la portée ne détermine que l'icône.
Définissez l'erreur "Etat ui-Etat" sur son parent pour modifier la couleur de l'icône en rouge.
Vérifiez l'exemple d'icône ici: http://jqueryui.com/themeroller/ (le bas de la barre latérale droite).
En outre, si vous voulez juste l'icône rouge et non la classe de la frontière rouge ui-état-error-text-texte au lieu de ui-état-error sur l'élément parent
<span class="ui-icon ui-icon-alert"></span> should do it.Edited because I think I now found the right class.
J'ai essayé votre réponse mais cela donne une bordure carrée rouge autour de l'icône. Mais je veux que l'icône soit rouge. Je souhaite droitement utiliser l'image de fond: URL (images / ui-icons_cd0a0a_256x240.png); qui est déjà défini dans la classe que j'ai écrite ci-dessus.
Désolé cela change l'icône pas la couleur
Lorsque vous essayez d'utiliser de telles icônes avant le texte, j'ai eu des problèmes de pause de ligne et un mauvais alignement entre l'icône et le texte.
Pour éviter l'icône pour ajouter une pause de ligne, utilisez P>
<span class="ui-icon ui-icon-name" style="display: inline-block;"></span> <span style="display: inline-block; overflow: hidden;">Your text</span>
Si vous voulez juste une icône avec une autre couleur, pas une boîte entière comme l'exemple ici: http://jqueryui.com/themeroller/ , en bas à droite conner
Ajoutez ceci à n'importe où dans votre Fichier .CSS: P>
<div class="ui-icon-red ui-icon-circle-zoomin">
Appliquer ui-état-error à la couche contenant les icônes (s) et retirez l'arrière-plan et la bordure par défaut: CSS: < Pré> xxx html: