【发布时间】：2018-08-20 06:32:21
【问题描述】：
我正在将前端 html 主题与后端 Laravel 应用程序集成。某些原因导致弹出模式有两个关闭的 x。我无法找出导致额外 x 按钮的原因。
一个 x 由 Magnific close 中添加的类 mfp-close 加载。不知道另一个是如何被添加进来的。
如果我删除加载的 html 中的“x”，它会删除较小的 x（这是正确的）。不确定这个 x 是如何加载的。
编辑：删除mfp-close:before css 后，我得到了较小的“x”，这是我不想要的。
【问题讨论】：
-
可能在 ::before 伪元素上，检查是否有内容："x";写在那里。找出是否存在的替代方法，更改之前的字体大小。让我知道这是怎么回事
-
是的，但我不知道代码中是如何加载“x”的。 html 和 css 的新手。
-
@TorjescuSergiu 如何检查 CSS 中伪元素的内容？ ::before 作用于什么元素？
-
尝试在你的css中找到
mfp-close:before这样的css并检查content属性 -
好的，我找到了内容为“x”的
mfp-close:before类。当我删除该行时，它会删除错误的“x”（较大的那个）。我想保留较大的（根据模板）并删除较小的。
标签： javascript html css magnific-popup