Css 更改行悬停时的图标颜色

当我将鼠标悬停在表格行上时，我试图更改glyphicon颜色。以下CSS更改除glyphicon之外的所有其他td字体颜色。我使用的是bootstrap3

CSS:

HTML:

---

试试这样的方法。目标

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>

.table自定义悬停>tbody>tr:hover a，
.table自定义悬停>tbody>tr:悬停{
背景色：#DD4814；
颜色：#fff；
}

试试这样的方法。目标

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>

.table自定义悬停>tbody>tr:hover a，
.table自定义悬停>tbody>tr:悬停{
背景色：#DD4814；
颜色：#fff；
}

对图标使用

，并用

对图标使用

，并用

工作得很好。谢谢您。我会在计时器过期时接受答案。工作得很好。谢谢您。计时器过期时，我将接受答案。

.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>

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