a：悬停样式在添加cufon后不会影响

Question

在HTML中添加cufon之前，我有以下代码完美运行：

<div id="pageNumbers" class="fl">
<ul>
<li id="selected"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div> <!-- end pageNumbers -->


#pageNumbers a:hover
{
  color:#FFF;
  height:26px;
  width:27px;
  padding: 5px 12px 5px 11px;
}

但是在HTML中添加cufon后它无法正常工作。 问题是如何让cufon理解并运用我的风格？

提前致谢！

Answer 1

根据Cufon API ，默认情况下关闭hover以提高性能。 因此，您需要将hover在任何需要在悬停时以不同方式绘制的元素上。

这可以使用以下代码完成：

Cufon.replace('#pageNumbers a', {
    hover: true
});