comment faire le changement de couleur du texte de la souris

Question

page Je travaille avec est: http://cloudninetech.com/newsite/site/homepage.html

Notez que le curseur onglet en bas. Je souhaite faire les titres white lorsque l'onglet actuel est sélectionné.

Je ne suis pas en mesure de le faire parce que je pense que la couleur ne peut être modifiée en modifiant le plugin jQuery tabbedContent.js

Quelqu'un peut-il suggérer une façon de le faire?

Answer 1

faire ce

.tab_item:hover 
{ 
color:#ffffff; 
} 

Answer 2

Impossible avec ce plugin, car il crée une illusion de sélection d'onglets en mettant .moving_bg élément en haut de l'onglet actuel. Cela ne change en rien les tabulations.
La plupart des bibliothèques jquery ui ajoutent une classe personnalisée (par exemple, 'current') à l'élément actuellement sélectionné, vous permettant ainsi de personnaliser son apparence via css.

Et puisque votre exemple ne fonctionne pas avec firefox de toute façon, je recommande de passer à l'une des bibliothèques les plus populaires.

Answer 3

Vous feriez mieux d'utiliser un autre plug-in, pour les raisons énoncées par @Nikita Rybak
jQuery Tools Tabs est hautement personnalisable et encore léger.

Vous pouvez toujours modifier le plugin; ajoutant $(this).css({}); dans la fonction .mouseover() devrait être suffisant

Ou ajouter

.tabs .tab_item:hover, 
.tabs .tab_item:focus { 
    color: white !important; 
} 

Pseudo: focus est pour les utilisateurs du clavier (bien que le plug-in ne dispose pas d'une gestion d'événements focus/flou, hélas!).