我的CSS是我的React应用程序不按预期工作

ia2d9nvy  于 4个月前  发布在  React
关注(0)|答案(3)|浏览(67)

我正在使用这个code branch。这是一个简单的联系人应用程序,使用React编写,作为自学练习。
我目前的问题是,当我点击我的添加联系人按钮,添加联系人形式在我的模态是不正确的样式。
我正试图将它的样式从./css/addContactModal.module.css改为modal-content,这在AddContactModal.js.

中被调用。有人能告诉我在更改模态表单的CSS方面哪里出错了吗?

dzhpxtsq

dzhpxtsq1#

Class .modal-content:

这个类在CSS样式中被定义为**.modal-content**,但在React组件中,你使用的是.styles.modalContent。
确保它们对齐,以便样式正确应用于React组件。

wljmcqd8

wljmcqd82#

我认为你只需要将css文件addContactModal.module.css第11行中的className从modal-content改为modalContent。

tsm1rwdh

tsm1rwdh3#

我已经下载了你的代码,它工作得很好。你的代码是正确的,风格是appled到正确的元素。
你可以在下面添加css到addContactModal.module.css

.modal input {
  background-color: red;
}

字符串
屏幕截图:

相关问题