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

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

javascript 复制代码
          <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

css 复制代码
.nopadding {
  :global {
    .ant-popover-inner {
      padding: 0 !important;
    }
  }
}

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

相关推荐
你的人类朋友1 小时前
【Node】认识multer库
前端·javascript·后端
可触的未来,发芽的智生3 小时前
新奇特:黑猫警长的纳米世界,忆阻器与神经网络的智慧
javascript·人工智能·python·神经网络·架构
前端开发爱好者4 小时前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
欧阳呀4 小时前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
天***88965 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
胡斌附体5 小时前
使用Electron创建helloworld程序
前端·javascript·electron·nodejs·pc
toobeloong5 小时前
Electron 从低版本升级到高版本 - webview通信的改造
前端·javascript·electron
im_AMBER5 小时前
React 01
前端·javascript·笔记·react.js·前端框架·web
@大迁世界6 小时前
React 19.2.0 有哪些新变化
前端·javascript·react.js·前端框架·ecmascript