如何更改 Ag Grid 边框颜色？

Question

有谁知道可以更改 Ag Grid 组件边框颜色吗？我试图通过样式删除它 ag-theme-alphine

<div className="ag-theme-alpine" style={{ height: '100%', borderColor: 'white', fontSize: '1vw',}}>

但是根本不起作用。我也尝试用 css 来做，但还是没有成功。

.ag-root-wrapper {
    border: solid 1px;
    border-color: red;
    border-color: var(--ag-border-color, #babfc7);
}

Answer 1

我用 CSS 更改了 Ag-Grid 组件的边框颜色，它仅在使用 '!important' 时有效。

.ag-root-wrapper {
    border: solid 1px;
    border-color: var(--ag-border-color, #fffff) !important;
}

Answer 2

使用 css !important 覆盖主题默认样式。

见下文：

.ag-root-wrapper {
    border: solid 1px;
    border-color: var(--ag-border-color, #babfc7) !important;
}

How to change Ag Grid border color?