宏弹出窗口有两个接近的x

Question

I am integrating a front end html theme with a back-end Laravel app. Something is causing the popup modal to have two close x's. I have not been able to find out what is causing the extra x button.

The one x is loaded by added class mfp-close from Magnific close. Not sure how the other one is getting added in.

If I delete the "x" in the loaded html, it deletes the smaller x (which is correct). Not sure how this x is getting loaded.

EDIT: After deleting the mfp-close:before css, I end up with the smaller "x", which I do not want.

Answer 1

如果有人遇到类似问题，我可以通过加载magnific-popup.min.js而不是jquery.magnific-popup.min.js 。