我在这code branch里工作.这是一款简单的联系人应用程序,用Reaction编写,作为自学练习.

My current problem is that when I click my add contact button, the add contact form in my modal is not styled correctly.
I'm trying to style it to modal-content from ./css/addContactModal.module.css which is called within AddContactModal.js. enter image description here Can someone advise me where I've gone wrong with respect to changing the modal form's CSS?

推荐答案

Class .modal-content:

在CSS样式中,该类被定义为.modal-content,但在Reaction组件中,您使用的是.style es.modalContent.

确保将它们对齐,以便将样式正确应用于Reaction组件.

Css相关问答推荐

沿浮动形状—面元素外路径将文字垂直居中""

如何使搜索框扩展并溢出其他内容

如何在JavaFX中设置分隔符的样式?

SVG文本在移动浏览器上增长并溢出

如何在元素上打孔才能看到下面的背景图像?

带高度的容器查询不工作,但可随宽度调整

如何通过重复的网格区域来简化网格布局?

仅 Select 嵌套 div 的底部,而不知道它们的嵌套程度

在变量中存储匹配 Select 器的子元素的计数

在不使用 position: fixed 的情况下从 CSS 网格中的自动布局中免除子元素?

如何仅包装左侧内容

卡在 CSS 中的grid-template-columns中

使用 MUI 动态绘制多个边框

是否可以对 CSS 网格中重复和可包装的列使用固定的最小和最大宽度?

修复导航栏隐藏页面内容

为什么不能将特定于供应商的伪元素/类组合成一个规则集?

CSS和 Select 器 - 我可以 Select 具有多个类的元素吗?

CSS:将背景图像拉伸到屏幕的 100% 宽度和高度?

为什么 .class:last-of-type 不能按我的预期工作?

rotate3d 速记