javascript - 如何使用 font Awesome 增加加载图标的字体大小

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。 fiddle 链接 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');