如何更改 Ag Grid 边框颜色？

Posted 2023-03-28

【中文标题】如何更改 Ag Grid 边框颜色？

【英文标题】：How to change Ag Grid border color?

【发布时间】：2021-09-27 03:09:47

【问题描述】：

有谁知道是否可以更改 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);

【问题讨论】：

尝试 `border-color: var(--ag-border-color, #babfc7) !important;` 覆盖主题

您正在覆盖边框颜色，请尝试使用 !important

感谢您与 !importent 合作

【参考方案1】：

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

见下文：

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

【参考方案2】：

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

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