css - 如何更改Ag网格边框颜色?

标签 css reactjs jsx ag-grid ag-grid-react

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

最佳答案

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

见下文:

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

关于css - 如何更改Ag网格边框颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68440741/

相关文章:

css - 如何在窗口调整大小时更改 Bootstrap 网格?

javascript - 将鼠标悬停在下拉选项上合并到容器后面,如何让下拉选项显示在容器上方

javascript - 片段应该包含多个子元素——否则根本不需要片段 react/jsx-no-useless-fragment

javascript - 在 JSX 中悬停时更改图像

javascript - 如何设置显示:block and transition opacity at the same time in React?

javascript - 每 5 秒重新加载一次背景图片

html - 3 个 DIV 的布局,其中 2 个在一列中

javascript - “useNavigate”未从 'react-router-dom' 导出

node.js - 使用 Node.js 和 SPA 进行 SAML2.0 身份验证

ReactJs 切换按钮打开菜单