按钮在Firefox中无法正确对齐

Question

Rails 4，Ruby 2，Bootstrap 3，DataTables 1.10

分页按钮在IE和Chrome中正确对齐。它们不会在Firefox中对齐。我尝试使用此补丁for Firefox。我尝试使用input-group / input-group-btn。此代码由DataTables生成。

在Firebug中，First右上角的时髦块以相反的顺序引用HTML中的所有li元素。最左边是“最后”，然后是“下一个”，然后是“上一个，然后是”第一个“。

火狐：

Chrome和IE：

DataTables for Bootstrap生成的HTML：

<div class="col-xs-6" style="outline: medium none;">
    <div class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full" id="adminitemstable_paginate" style="outline: medium none;">
        <ul class="pagination" style="outline: medium none;">
            <li class="fg-button ui-button ui-state-default first disabled" aria-controls="adminitemstable" tabindex="0" id="adminitemstable_first" style="outline: medium none;">
                <a href="#" style="outline: medium none;">
                    First
                </a>
            </li>
            <li class="fg-button ui-button ui-state-default previous disabled" aria-controls="adminitemstable" tabindex="0" id="adminitemstable_previous" style="outline: medium none;">
                <a href="#" style="outline: medium none;">
                    Previous
                </a>
            </li>
            <li class="fg-button ui-button ui-state-default next" aria-controls="adminitemstable" tabindex="0" id="adminitemstable_next" style="outline: medium none;">
                <a href="#" style="outline: medium none;">
                    Next
                </a>
            </li>
            <li class="fg-button ui-button ui-state-default last" aria-controls="adminitemstable" tabindex="0" id="adminitemstable_last" style="outline: medium none;">
                <a href="#" style="outline: medium none;">
                    Last
                </a>
            </li>
        </ul>
    </div>
</div>

Answer 1

你设置如下设置

.fg-button {
    float: left;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
}

直播 Demo