React中使用Antd开源组件Popover等部分组件原生样式改变问题

1.如果发现某个组件的样式在单独的样式文件中更改不了，得在全局中更改时，我们可以使用一下方法：

          <Popover
              placement="bottomLeft"
              title={null}
              trigger="click"
              content={contentopic}
              overlayClassName={pinsInputLess.nopadding}
            >
              <div className="type_items">
                <div className="icon iconfont icon-huati"></div>
                <div className="name">话题</div>
              </div>
            </Popover>

2.为其添加 overlayClassName 定义 className名称

3.随后在该文件中定义该class

.nopadding {
  :global {
    .ant-popover-inner {
      padding: 0 !important;
    }
  }
}

4.即可清除原生的样式了