react中改变antd的样式
最近在项目中有需求是要改变antd的样式,试了好多办法都改变不了,比如我的class写成这样
.titleSelectionContainer {
.ant-checkbox-wrapper {
display: block;
margin-left: 0px!important;
}
}
在HTML中就会变成带有hash的class,就变成:TableC__titleSelectionContainer___1zt9V,所以当写成.ant-checkbox-wrapper时,html中的class就不是antd中的class,如果想改变需要加上global,比如上面的代码可以这样写,就可以了
.titleSelectionContainer {
:global{
.ant-checkbox-wrapper {
display: block;
margin-left: 0px!important;
}
};
}
【react中改变antd的样式】
推荐阅读
- 热闹中的孤独
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募