Aurelia 如何定制ag网格图标?
我试图在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 grid.CSS
(或scss)文件和ag-theme-.CSS
文件后尝试此CSS。在我的示例中,该主题文件用于Balham themeag 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。我想更具体地改变图标的位置。如果你有任何想法-这将是有用的。你有没有找到一种方法来改变过滤器图标的位置。?