css - 如何更改 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);
}

标签： cssreactjsjsxag-gridag-grid-react

Answer 1

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

见下图：

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