Question

我在Internet Explorer和Google Chrome之间存在一些差异。

我有一张带有'i'标签的桌子。在这个标签中我有2个字母：E + F

在Internet Explorer上：如果我将鼠标悬停在'X'或'F'上 - >它们是蓝色的。这对我来说没问题。

在Google Chrome上：如果我将鼠标悬停在'X'上 - ＆gt;什么都没发生。（只有'F'可以）

如何调整css以获得与IE相同的行为？

<table class="search-transport">
  <tbody>
   <tr>
       <td><input type="checkbox" value="0"/></td>   
       <td>A1</td>
       <td><i class="icon-flag-3">F</i></td>
       <td>A2</td>
    </tr>
    <tr>
       <td><input type="checkbox" value="0"/></td>   
       <td>B1</td>
       <td><i class="icon-flag-3">F</i></td>
       <td>B2</td>
    </tr>
  </tbody>
</table>

.icon-flag-3:before {
    content: "X";
}

感谢。

Answer 1

就像我在评论中提到的，这似乎是一个IE错误。

我建议您按如下方式更改HTML：

[...]
<td class="has-icon-flag-3"><i class="icon-flag-3">F</i></td>
[...]

你的CSS：

.has-icon-flag-3:hover i { color: blue }

另外，使CSS不那么严格。 Here's a fiddle

差异行为IE / Chrome for i标记

1 个答案: