Comment changer la couleur de police impressionnant icônes

J'ai un table réalisé à l'aide de la ng-repeat.

Lorsque l'utilisateur sélectionne une ligne de la table, je suis en mesure d'appliquer pour mettre en surbrillance le table ligne et appliquer la classe spécifique.

Le problème c'est que je vais avoir du mal à changer les icônes dans la row également la ligne mise en surbrillance background-color est blue et le texte des modifications à white mais les icônes sont en bleu.

CSS

.selected{
   background-color:#004b89;
   color:white;
   font-weight:bold;       
}

HTML

<tr ng-repeat="item in vm.items ng-class="{'selected':$index == vm.selectedRow}" class="table-striped" ng-click="vm.setClickedRow($index)">
<td><a  tooltip-placement="top"><i class="fa fa-pencil fa-2x link-icon"></i>     </a>
<td><a  tooltip-placement="top"><i class="fa fa-trash fa-2x link-icon"></i></a>
</tr>
Pouvez-vous assez de votre code que nous pouvons reproduire votre problème? Penserun Minimum, Complètes et Vérifiables exemple".

OriginalL'auteur Troy Bryant | 2016-05-22

  1. 0

    son facile.le code que j'ai donné ci-dessous est l=genre de cool et la couleur changent comme par magie.Utiliser et c La MAAGIC..

    .fa
{
    color:black;

    animation: colorchange1 50s;
    -webkit-animation: colorchange1 50s
}

@keyframes colorchange1
{
0%   {color: green;}
15%  {color: orange;}
30%  {color:purple;}
45%  {color: #e74c3c;}
60% {color: violet;}
75% {color: indigo;}
90% {color: blue;}
100% {color: black;}
}

@-webkit-keyframes colorchange1 /* Safari and Chrome - necessary duplicate */
{
    0%   {color: green;}
    15%  {color: orange;}
    30%  {color:purple;}
    45%  {color: #e74c3c;}
    60% {color: violet;}
    75% {color: indigo;}
    90% {color: blue;}
    100% {color: black;}
}

    espère compréhensible.

    OriginalL'auteur Joish