jquery-mobile - jQuery Mobile 图标不适合按钮

Question

我正忙于开发一个 jQuery Mobile 应用程序，出于某种原因，按钮一直显示如下：

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

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

一切开始正常。