3

contentCSS のプロパティを介して挿入されたコンテンツにホバー状態を適用しない WebKit のバグがあるようです。

誰もこれに対する回避策を知っていますか?

a:before {
    content: "Hover Over Me";
}
a:hover {
    color: red;
}

例: http://jsfiddle.net/wdmedal/X4gjL/1/

結論: このバグはinline要素にのみ影響するようです。

回避策: 要素の表示タイプをinline-block(または別の表示タイプ) に設定します。

4

1 に答える 1

3

これは私にとってはうまくいきますhttp://jsfiddle.net/X4gjL/5/

a:before {
    content: "Hover Over Me";
}
a.foo:hover {
    color: red;
}
a.foo
{
    display:block;
}​

- - - - - - -編集 - - - - -

これを指摘してくれたBoltClockに感謝します。インライン ブロックにすると、ブロックのようにデフォルトで幅が 100% になりません。 http://jsfiddle.net/X4gjL/6/

a:before {
    content: "Hover Over Me";
}
a.foo:hover {
    color: red;
}
a.foo
{
    display:inline-block;
}​
于 2012-09-28T22:52:03.803 に答える