Изменение цвета глификона при наведении указателя строки

Question

Я пытаюсь изменить цвет глификона, когда нахожу строку таблицы. Следующий CSS изменяет весь цвет шрифта другого td, кроме глификона. Я использую самозагрузки 3.

CSS:

.table-custom-hover > tbody > tr:hover { 
    background-color: #DD4814; 
    color: #fff; 
} 

HTML:

<tr> 
    <td><a href="#" class="glyphicon glyphicon-cog"></a></td> 
</tr> 

Answer 1

Попробуйте что-то вроде этого. Цель a.

.table-custom-hover > tbody > tr:hover a, 
.table-custom-hover > tbody > tr:hover { 
background-color: #DD4814; 
color: #fff; 
} 

<td><a href="" class="glyphicon glyphicon-cog"></a></td> 

Answer 2

Используйте <i> значок и завернул его с <a> таким образом:

<tr> 
    <td a href="#">Test</td> 
    <td><a href="#"><i class="glyphicon glyphicon-cog"></i></a></td> 
</tr>