2010-03-10 6 views
0

Je suis en train par le code ci-dessous la couleur de fond d'un élément li:problème avec la couleur de fond sur l'étiquette li

$('#li123').animate({ backgroundColor: color}, 'slow'); 

Il fonctionne très bien, mais la couleur couvre toute la longueur de li. Que dois-je faire si je veux qu'il couvre le texte contenu dans le li uniquement.

Répondre

2

Envelopper le texte à l'intérieur du li dans un span et de faire le animate à la place. Si vous avez besoin de la marge supérieure et inférieure de la zone animée, vous pouvez utiliser display: inline-block sur le span.

+0

Cela a bien fonctionné. Pouvez-vous me dire à quel point le texte est audacieux? – fastcodejava

+1

'fontWeight: bold' peut-être? – anddoutoi

+0

Je le pensais aussi, mais ce n'est pas le cas. – fastcodejava

0

Simple,

Pour votre <li> ajouter un <span>, entrez votre texte dans le bloc span et faire un JQuery animate sur cette span. Votre question n'est pas trop claire cependant.

+0

Mais je veux colorier l'arrière-plan. – fastcodejava

+0

L'avez-vous réellement rétrogradé pour cette réponse? – Younes

+0

Downvote supprimé après la modification. – fastcodejava