更改 jQuery 移动页脚导航中的填充、边距和字体大小

Question

我正在尝试调整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>

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

蒂亚

Answer 1

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

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

如果您愿意，可以在JS-fiddle上尝试一下：http://jsfiddle.net/g6QH5/

​