Question

如何使用fontawesome图标更改加载jqgrid图标？我能够获得该图标，但默认情况下显示大小是如何显示如何增加fontawesome图标的大小？我写了以下代码

$grid = $("#list1");
$pager = $grid.closest(".ui-jqgrid").find(".loading")
        .removeClass("ui-state-default ui-state-active")
        .addClass("fa fa-spinner");

甚至尝试将类作为fa fa-spinner fa-spin fa-3x fa-fw。我没有为jqgrid加载编写任何CSS。但是没有得到如何做到这一点。

使用jqgrid版本4.7。小提琴链接 https://jsfiddle.net/w26n2be0/

Answer 1

简单的CSS应该这样做：

.fa-spinner{
font-size: 40px !important;
}

将 40px 更改为您喜欢的任何字体大小。

上面的CSS应该有效，唯一的原因是它可能不起作用，如果有其他CSS覆盖这个CSS，或者你的页面中有其他CSS样式之前/之前有这个CSS代码。

你也可以这样：

$grid = $("#list1");
$pager = $grid.closest(".ui-jqgrid").find(".loading")
        .removeClass("ui-state-default ui-state-active")
        .addClass("fa fa-spinner")
        .css('font-size', '40px !important');

Answer 2

您可以在课程定义中使用fa-lg，fa-2x，fa-3x，fa-4x，fa-5x

$grid = $("#list1");
$pager = $grid.closest(".ui-jqgrid").find(".loading")
        .removeClass("ui-state-default ui-state-active")
        .addClass("fa fa-spinner fa-3x");

如何使用fontaweseome增加加载图标的字体大小

2 个答案: