a: стиль наведения не влияет после добавления cufon

Question

У меня есть следующий код, который отлично работал до добавления cufon в HTML:

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

Но после добавления cufon в HTML он не работает. Вопрос в том, как заставить cufon понять и применить мой стиль?

Заранее спасибо!

Answer 1

Согласно API Cufon, hover по умолчанию отключен для улучшения производительности. Так что вам нужно включить hover для любых элементов, которые нужно по-разному рисовать при наведении.

Это можно сделать с помощью следующего кода:

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