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