Aurelia 如何定制ag网格图标?

Aurelia 如何定制ag网格图标?,aurelia,ag-grid,glyphicons,Aurelia,Ag Grid,Glyphicons,我试图在ag网格中实现一些定制,例如: 更改网格标题的图标-排序图标、筛选菜单图标、筛选菜单中不同菜单项的图标等 更改图标的位置 有人能告诉我一个可能的解决方案吗?根据,您可以在加载ag grid.CSS(或scss)文件和ag-theme-.CSS文件后尝试此CSS。在我的示例中,该主题文件用于Balham themeag theme Balham.css。此CSS将图标从默认的黑色(使用SVG)更改为白色 /* *应在导入主题后放置替代。 *或者,您可以增加选择器的特异性。 */ .ag主题

我试图在ag网格中实现一些定制,例如:

  • 更改网格标题的图标-排序图标、筛选菜单图标、筛选菜单中不同菜单项的图标等
  • 更改图标的位置
  • 有人能告诉我一个可能的解决方案吗?

    根据,您可以在加载
    ag grid.CSS
    (或scss)文件和
    ag-theme-.CSS
    文件后尝试此CSS。在我的示例中,该主题文件用于Balham theme
    ag theme Balham.css
    。此CSS将图标从默认的黑色(使用SVG)更改为白色

    /*
    *应在导入主题后放置替代。
    *或者,您可以增加选择器的特异性。
    */
    .ag主题balham.ag图标说明,
    .ag主题巴勒姆。ag图标asc,
    .ag主题balham.ag图标菜单
    {
    字体系列:“字体真棒5免费”;
    /*Fontsome使用字体粗体*/
    字体大小:粗体;
    }
    .ag主题balham.ag图标说明::之前
    {
    内容:'\f063';
    颜色:白色;
    }
    .ag主题balham.ag图标asc::before
    {
    内容:'\f062';
    颜色:白色;
    }
    .ag主题balham.ag图标菜单::之前
    {
    内容:'\f0c9';
    颜色:白色;
    }
    
    这对我很有效。刚好在颜色上方

    .ag-theme-balham .ag-icon-menu:before,
    .ag-theme-balham .ag-icon-asc:before,
    .ag-theme-balham .ag-icon-desc:before,
    .ag-theme-balham .ag-icon-filter:before{
      color: #FFFFFF;
    }
    

    自定义图标很简单,在文档中,谢谢Jarod。我想更具体地改变图标的位置。如果你有任何想法-这将是有用的。你有没有找到一种方法来改变过滤器图标的位置。?