无线电蚂蚁设计的自定义图标

Question

有人可以帮助我，如何更改ant Design表中的复选框之类的图标单选。这是我的表格代码

<Table 
  rowSelection = {{
    type: "radio",
    buttonStyle: "solid",
    selectedRowKeys: this.state.keys,
    onChange: this.onRowKeysChange
  }}
  title = {() => < b > Classes < /b>} 
  bordered 
  components={this.components} 
  columns={columnsSegment2Active} 
  size="middle" 
  dataSource={this.state.data8} 
  loading={this.state.loading}/ >

Answer 1

要将单选按钮的圆形更改为正方形，请添加以下CSS

.ant-radio-inner, .ant-radio-inner:after{
  border-radius: 0!important;
}
.ant-radio-inner:after{
  border: none!important;
}

检查stackblitz实现Here