Css 为什么是；内容“；webkit浏览器中的bug？

我想用css替换hover上的文本，虽然它不起作用，但Google chrome忽略了整个

：hover

伪类，而Mozilla firefox安全地忽略了

内容

，并继续运行其余的事件

Html:

小提琴：

然而，我已经阅读了，我知道

内容

不应该适用于

：hover

，这不是什么大问题，因为javascript的实现很容易

但是，我进一步研究了它，并尝试使用

a:hover:：before

psuedo类，这就是它变得非常奇怪的地方

Html:

小提琴：

在Chrome中，它不停地闪烁，Safari闪烁，然后停止并继续闪烁，而Mozilla和Opera则按预期运行事件

内容

（

之前

和

之后

）

您可以通过将其位置设置为“绝对”，强制其“覆盖”原始单词：

---

谢谢，这似乎是一个很难解决的问题。。尽管如此，它仍然有效：）也许你最好还是选择JS解决方案@extramaster，因为它不符合标准；-）

<li id="menuDebating"><a href="xc_debating.htm">Debating</a></li>​

#menuDebating a:hover{
content: "Public Speaking" !important;
color:red;
}​

<li id="menuDebating"><a href="xc_debating.htm">Debating</a></li>

#menuDebating a:hover::before{
content: "Public Speaking" !important;
color:red;
}

ul li {
    position:relative;
}
#menuDebating a:hover:before{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    content: "Public Speaking";
    color:red;
    background:#FFF;
}​