Question

I am sure this has to be a common issue but I can’t find any reference in the internets.

I have a listview with jQuery Mobile UI:

<nav>
    <ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
        <li><a href="categorias.html">Categorías</a></li>
        <li><a href="examenes.html">Exámenes</a></li>
        <li><a href="glosario.html">Glosario</a></li>
        <li><a href="preferencias.html">Preferencias</a></li>
        <li><a href="acerca.html">Acerca</a></li>
    </ul>
</nav>

When rendered, by default the first <li> item has class="ui-btn-hover-c" thus appearingh highlighted. How can I prevent this from happening?

Thank you

Answer 1

Checkout the following threads which discuss the issue

http://forum.jquery.com/topic/latest-nightly-build-lists-and-ui-btn-hover

http://forum.jquery.com/topic/why-does-ui-btn-hover-a-appear-on-first-navbar-link