0

Internet Explorer と Google Chrome の動作に若干の違いがあります。

「i」タグが付いたテーブルがあります。このタグには、E + F の 2 文字があります。

Internet Explorer の場合:「X」または「F」にカーソルを合わせると、青色で表示されます。これは私にとっては問題ありません。

Google Chrome の場合:「X」にカーソルを合わせると --> 何も起こりません。(「F」のみで構いません)

css を IE と同じ動作になるように調整するにはどうすればよいですか?

ここに jsfiddle があります: http://jsfiddle.net/Kvehr/2/

<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";
}

ありがとう。

4

1 に答える 1

0

コメントで述べたように、これは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の厳密さを大幅に緩和します。これがフィドルです。

于 2013-01-30T12:09:15.397 に答える