Ant design Modal 移除或更改黑色背景

Posted

技术标签:

【中文标题】Ant design Modal 移除或更改黑色背景【英文标题】:Ant design Modal remove or change the black background 【发布时间】:2021-10-26 02:42:34 【问题描述】:

编辑:

您好,非常感谢您的回答,这对我很有帮助。但是你知道如何去除线条背景吗?

【问题讨论】:

你能提供更多关于你已经完成的实施的信息吗? 您已将原始问题编辑掉,这对问答不再有意义!请编辑您的问题,以确保将来有人会以问题及其答案的形式找到有用的信息。 【参考方案1】:
隐藏遮罩(背景)

mask=false

改变遮罩样式(背景)
 maskStyle= backgroundColor: "red" 
一个完整的实验示例

<Modal mask=true maskStyle= backgroundColor: "red"  title="Basic Modal" visible=isModalVisible onOk=handleOk onCancel=handleCancel>
  <p>Some contents...</p>
  <p>Some contents...</p>
  <p>Some contents...</p>
</Modal>

【讨论】:

您好,非常感谢您的回答,这对我帮助很大。但是你知道如何去除线条背景吗?看到这张照片i.stack.imgur.com/8gZjj.png 你可以标记这个答案。尝试在链接代码沙箱中复制。看起来像您环境中的自定义 css /主题。所以它需要可用于调试。 不确定您是否使用了一些背景图片 您好,我不使用背景图片,当我更改模态框的大小时,它不会被移除。看到这张照片i.stack.imgur.com/snfEh.png 很难从图像中猜出。

以上是关于Ant design Modal 移除或更改黑色背景的主要内容,如果未能解决你的问题,请参考以下文章

ant design Modal关闭时清除数据的解决方案

将 Ant Design Form 与 Modal 集成

ant design vue modal组件关闭图标会出现黑边框

Ant Design Vue 中 modal 利用 $refs 简单使用

ant design组件Modal对话框的Confirm怎么使用的,怎么调用请求,我这代码不行啊

ant-design-vue中实现modal模态框的复用(添加,编辑展示同一个模态框)