我正在使用这个code branch。这是一个简单的联系人应用程序,使用React编写,作为自学练习。
我目前的问题是,当我点击我的添加联系人按钮,添加联系人形式在我的模态是不正确的样式。
我正试图将它的样式从./css/addContactModal.module.css
改为modal-content
,这在AddContactModal.js
.
中被调用。有人能告诉我在更改模态表单的CSS方面哪里出错了吗?
我正在使用这个code branch。这是一个简单的联系人应用程序,使用React编写,作为自学练习。
我目前的问题是,当我点击我的添加联系人按钮,添加联系人形式在我的模态是不正确的样式。
我正试图将它的样式从./css/addContactModal.module.css
改为modal-content
,这在AddContactModal.js
.
中被调用。有人能告诉我在更改模态表单的CSS方面哪里出错了吗?
3条答案
按热度按时间dzhpxtsq1#
Class .modal-content:
这个类在CSS样式中被定义为**.modal-content**,但在React组件中,你使用的是.styles.modalContent。
确保它们对齐,以便样式正确应用于React组件。
wljmcqd82#
我认为你只需要将css文件addContactModal.module.css第11行中的className从modal-content改为modalContent。
tsm1rwdh3#
我已经下载了你的代码,它工作得很好。你的代码是正确的,风格是appled到正确的元素。
你可以在下面添加css到addContactModal.module.css
字符串
屏幕截图: