有没有办法覆盖 Ant design Switch 组件中的颜色

Question

我需要在选中时覆盖 Antd Switch 组件上的默认蓝色（主色）并将其更改为红色。我有办法做到这一点吗？

我尝试过使用样式属性，但它不起作用。

Answer 1

您可以使用这样的内联样式更改背景颜色。

<Switch style={{backgroundColor: permission.enabled ? 'green' : 'orange'}}
        checked={permission.enabled}
        checkedChildren={'ENABLED'}
        unCheckedChildren={'DISABLED'}
        onChange={(e) => onPermissionChanged(e, permission)} />