Css 如何在免费jqgrid工具栏中同时使用字形图标和字体图标

免费jqgrid有大的标准按钮和用户定义的按钮，其中文本定义如下

    $grid.jqGrid('navButtonAdd', '#grid_toppager', {
        iconsOverText: true,
        caption: '<span class="ui-pg-button-text">Pay</span>',
        buttonicon: 'fa-flag',
    });

在这种情况下，将显示矩形而不是按钮。

---

如何同时使用这两种字体？

您的问题没有包括足够的实现细节。如果只使用标准免费jqGrid中的代码，则不会看到任何glyphicon图标，因为也添加了fa类。如果删除fa类，图标类的按钮将在文本fa lg fa fw glyphicon glyphicon cloud下载调用上显示ui pg按钮图标，那么我看不到glyphicon位置存在问题。请参见以下示例，其结果如下所示：

因此，您使用的其他CSS规则应该有问题。我想您只需再添加一条CSS规则，即可修复自定义CSS设置：

.ui jqgrid.ui pg按钮span.glyph图标{ 页边距顶部：？？？px；/*设置值/值，而不是？？？，-5px，例如*/ } 这将为边距顶部指定新值。如果需要，该值可以为负值。您应该只选择与您使用的其他CSS设置相对应的边距值。您可以使用IE或Chrome的开发工具来分析将在图标上应用哪些CSS规则，并使用自定义规则覆盖图标

    $grid.jqGrid('navButtonAdd', '#grid_toppager', {
        iconsOverText: true,
        caption: '<span class="ui-pg-button-text">Pay</span>',
        buttonicon: 'glyphicon glyphicon-cloud-download'
    });

        buttonicon: 'glyphicon-cloud-download'