如何更改Ag网格边框颜色

Question

有人知道可以更改Ag网格组件边框颜色吗？我试图用样式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!important覆盖主题默认样式。

见下文：

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

Answer 2

我用CSS更改了Ag Grid组件的边框颜色，它只在'！使用了"important"。

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