1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ant弹窗_【React】急:请问ant modal(弹出框)怎么修改样式?

ant弹窗_【React】急:请问ant modal(弹出框)怎么修改样式?

时间:2022-12-05 18:15:08

相关推荐

ant弹窗_【React】急:请问ant modal(弹出框)怎么修改样式?

ant的modal组件我想修改.ant-modal-footer 或者content里面的内容的样式都不可以。

我试了wrapClassName也不会生效。请问该怎么自定义这些样式?

我的ant是按需引入的。并没有写@import ‘~antd/dist/antd.css’;

回答

我在检查dom的时候,发现modal这个dom居然跑到了

如图:

而后明白了API中这个属性的解释:

原来默认挂在到了body节点,而我的当前样式文件却只能作用于

所以用一下这个属性:

getContainer={document.getElementsByClassName('div')[0]}

这也是偶然发现,天啦撸。(全网首发,异域风情,摇摆之歌)。

如果你是用 Umi + antd 一套来写的,可以参考如下方式覆盖 antd 的样式。

src 目录下新建 global.less 文件,在 :global 里写的样式会覆盖 antd 的样式。

// src/global.less

:global {

.ant-modal-body {

max-height: 400px;

overflow: auto;

}

}

如果没用到 umi,请在问题中补充用的什么框架。

直接getContainer = {false}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。