Jquery mobile 在jquery移动页脚导航中更改填充、边距和字体大小

我试图调整jquery手机页脚中一些按钮的填充和/或边距和/或字体大小，以创建更多的不动产

目前，按钮内部似乎有一些填充物，我可以把它们挤得更紧，这样可以给我更多的空间来包含更多的文本

以下是我用来创建导航的内容：

    <div data-theme="a" data-role="footer" data-position="fixed" class="ui-bar">
        <div data-role="controlgroup" data-type="horizontal">
            <a href="/home/howworks" data-transition="fade" data-theme="a" data-icon="">
                How This Works
            </a>
            <a href="/home/privacypolicy" data-transition="fade" data-theme="a" data-icon="">
                Privacy
            </a>
            <a href="/home/termsandconditions" data-transition="fade" data-theme="a" data-icon="">
                Conditions
            </a>
        </div>
    </div>

如果可能的话，我希望能够加入一两种风格，并创造更多的空间

---

TIA不确定你到底在追求什么，但可能是：

.ui-footer .ui-btn-inner {
    padding: 1px !important;
}

.ui-footer .ui-btn-text {
    font-size: 10px;
    padding: 5px;
}

如果您喜欢，可以在JS fiddle上试用：

---

​

是的……这让我到了那里。非常感谢！