Css 使用不同尺寸的antD模型

我使用antD模式来显示编辑器，弹出窗口的大小应该是固定的，以防止在折叠/扩展内部部分时改变大小

所以我定制了：

.ant-modal-content {
max-height: 700px;
height: 700px;
width: 1000px;
/*overflow-y: auto;*/
/*overflow-x: auto;*/

}

但它正在影响其他弹出窗口！ 我尝试使用该特定模式的

style={{height:'700px'，width:'1000px'}}

，但没有起作用

如何仅控制一个模态的大小

沙箱：

---

（尝试更改语法文本区域的大小，例如更改大小）

在

index.CSS

文件中定义的CSS样式是全局样式，这意味着它们影响每个文件中的每个元素/组件

如果要在特定图元/构件上应用某些样式，有两个选项：

使用。它们允许您将样式限制为特定组件并重用类名，而不必担心名称冲突或css样式会影响其他组件或元素

由于弹出窗口是一个名为

wrapper

的类的

div

元素，请在

RuleEditor.css

文件中应用

wrapper

类上的样式

.wrapper {
  max-height: 400px;
}

但请记住，如果您在其他地方使用包装类，这些样式也会影响这些组件/元素

您还必须防止

textarea

调整大小，否则它将溢出。为此，在

RuleEditor.js

文件中，更改应用于

TextArea

组件的样式

style={{ width: "100%", resize: "none" }}

style={{ width: "100%", resize: "none" }}

到