jQuery Mobile Icons无法正确配合按钮

Question

我正忙着开发一个jQuery Mobile App，出于某种原因，这些按钮仍然像这样出现：

以下是我生成这些按钮的代码：

   <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#" data-icon="home" data-transition="pop" data-role="button" data-mini="true" >Home</a></li>
                    <li><a href="#searchpage" data-icon="search" data-transition="pop" data-role="button" data-mini="true" >Search</a></li>
                    <li><a href="#sellbookpage" data-icon="dollar" data-transition="pop" data-role="button" data-mini="true">Sell</a></li>
                    <li><a href="#contactus" data-icon="email" data-transition="pop" data-role="button" data-mini="true">Contact Us</a></li>
                </ul>
            </div>
        </div>

有没有办法让图标出现在按钮的中间？或者有人知道可能发生这种情况的原因吗？

Answer 1

我正在使用另一个图标图片包。在查看css表并删除以下行之后：

margin-top:-10px !important;

一切都开始正常了。