ag-grid-react - 如何更改复选框颜色？股份公司网格

Question

尝试更改复选框颜色(由于更改重音颜色)会导致出现黑色复选框。

所以我安装了 node-sass 并成功地改变了各种其他样式，例如，一行的悬停颜色 $hover-color: cornsilk;

但不知何故使用: $accent-color: #fffff1; 或 $ag-mat-accent: #fffff1; 只会将其从默认的粉红色更改为黑色。

$ag-icons-path: "~ag-grid-community/src/styles/ag-theme-material/icons/";

$accent-color: #fffff1;
$icon-color: #03a9f4;
$hover-color: cornsilk;

@import "~ag-grid-community/src/styles/ag-grid.scss";
@import "~ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material.scss";

我的预期结果是选中时出现一个发白的复选框。相反，无论我选择什么颜色，我都会得到黑色。

Answer 1

将以下 CSS 添加到您的 style.scss 文件中:

.ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after {
  color: #fffff1 !important;
}