小编iro*_*lem的帖子

如何在Primefaces DataTable中使用Font Awesome(或其他字体图标)代替jQuery sprite?

我正在使用PrimeFaces生成数据表.默认的排序图标是来自JQuery库的V形图,但由于它们不是Vector,它们看起来很难看.我不想使用像字体这样的字体替换它们但是我不知道如何做到这一点.我可以使用下面的CSS句柄将图像更改为不同的精灵等.

如果我可以以某种方式改变类的表面,从ui-icon-triangle-1-n添加af fa-sort-alpha-desc,例如我已经得到了帮助.

.ui-state-default .ui-icon{
        background-image: url("../Assets/images/jquery-ui/ui-    icons_0072b6_256x240.png");
    }
    .ui-datatable .ui-icon-carat-2-n-s {
    background-position: -160px 0 !important;
}

.ui-datatable .ui-icon-triangle-1-n{
    background-position: 0 -48px !important;
}

.ui-datatable .ui-icon-triangle-1-s{
    background-position: -64px -48px !important;
}
Run Code Online (Sandbox Code Playgroud)

css jquery primefaces jsf-2 font-awesome

5
推荐指数
1
解决办法
2768
查看次数

标签 统计

css ×1

font-awesome ×1

jquery ×1

jsf-2 ×1

primefaces ×1