【问题标题】:Change Ag Grid material theme icons and colors not working更改 Ag Grid 材质主题图标和颜色不起作用
【发布时间】:2019-08-06 16:48:26
【问题描述】:

我一直试图在我的应用程序中更改 AgGrid 的颜色,但它们只会显示为黑色。我尝试在 StackBlitz 中重新创建问题,看看是否有人知道原因,但现在遇到了一个完全不同的问题。 StackBlitz 中甚至没有显示图标,所以我什至不知道我是否能够重新创建我的第一个问题。

这里是 StackBlitz:https://stackblitz.com/edit/angular-ogyy69

任何想法为什么会发生这种情况?

这里是他们使用的 AgGrid Material 文档示例的链接,他们在其中更改了主要颜色和次要颜色。我已经完全做到了,但它似乎不起作用。 https://github.com/ag-grid/ag-grid-material/blob/master/angular-material/src/styles.scss

【问题讨论】:

  • 您的问题令人困惑,但在现有答案上阅读您的 cmets,也许这会有所帮助:stackoverflow.com/a/52138257/405015
  • 使用他的数据 URI 方法成功了,不幸的是文档中的正确方法不起作用
  • 是的,写这个答案的人真的很棒。如果你只想改变一些东西,那么这样做就可以了。否则,走 SCSS 路线。

标签: angular angular-material ag-grid


【解决方案1】:

你可以覆盖 style.scss 中的颜色

示例:

.ag-center-cols-container{
  .ag-row{
    background-color: red;
    border-color: blue;
  }
}

对于突出显示的字段:

.ag-cell-focus{
   background-color: green;
}

【讨论】:

  • 这会覆盖整个行的颜色。我只是想改变复选框图标的颜色。
  • 这是给你的想法。查看 DOM 以获取要更改的类。检查我的编辑
  • 图标是一个 SVG url。不知道我会如何覆盖它的颜色。
  • 我真的不明白你要自定义哪个元素。在您的演示中根本不清楚。里面没有svg。
  • 是的,我在帖子里说过。由于某种原因,这些图标甚至没有出现在 StackBlitz 中。
猜你喜欢
  • 2021-11-08
  • 2017-05-20
  • 1970-01-01
  • 1970-01-01
  • 2019-06-03
  • 2018-10-12
  • 2022-06-14
  • 2015-10-06
  • 1970-01-01
相关资源
最近更新 更多