Question

当我悬停表格行时，我正在尝试更改字形颜色。以下CSS更改除glyphicon之外的所有其他td的字体颜色。我正在使用bootstrap 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

使用Access-Control-Allow-Origin:*作为图标，并以<i>这样包装：

<a>

在行悬停时更改glyphicon颜色

2 个答案: