修改antd的checkBox组件样式为圆形，即方框变圆框

林小明o3ooo

于 2024-05-11 09:45:45 发布

阅读量971

点赞数 10

文章标签： react 前端框架 react.js

本文链接：https://blog.csdn.net/m0_56298143/article/details/138700325

版权

官方给的默认样式是方框，需求是圆框

官方样式：

需求：

代码：

其实官方有提供主题定制方法：

<div className={styles.check}>
  {/* antd组件主题定制 */}
  <ConfigProvider
    theme={{
      token: {
        borderRadiusSM: 50,
        colorText: '#666666',
        fontSize: 18,
        controlInteractiveSize: 20
      }
    }}
  >
    <Checkbox>我已知情并同意声明内容</Checkbox>
  </ConfigProvider>
</div>