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

【问题标题】：Custom icon for a radio ant Design无线电蚂蚁设计的自定义图标
【发布时间】：2020-02-26 07:55:25
【问题描述】：

谁能帮助我，如何在 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}/ >

【问题讨论】：

显示整个表格组件。
删除type: "radio",，它将变为复选框:)
我只想选中一个复选框，如果我删除类型：“收音机”。每个盒子都可以同时检查

标签： reactjs antd

【解决方案1】：

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

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

检查stackblitz实现Here

【讨论】：

@kangketik 在 css 中有一个更新，这个更新是针对悬停的错误。如果对您有帮助，也请接受我的回答:)