如何消除MailChimp ul中的项目符号

Question

我在嵌入了MailChimp注册表单的各个站点上都使用了VC或WPBakery。在所有站点上，复选框下方都显示蓝色项目符号。 MailChimp支持不知道为什么。我已经尝试了许多CSS变体以摆脱它们，但无济于事，包括：

list-style:none !important;
list-style-type:none !important;

这不起作用。这是一个站点（没有多余编码的最简单的VC站点）：http://livingbythestream.com

Answer 1

您的代码中有一条CSS规则，将项目符号添加为:before伪元素。

其选择器是：.comment-content ul > li::before, .entry-content ul > li::before { ... }

因此，您可以删除它（如果允许的话），也可以添加另一个规则，如下所示：

.comment-content ul > li::before, .entry-content ul > li::before {
  content: none;
}

如果还不够，还可以在!important之后添加none

Answer 2

这是因为在所有字段上都使用：before。您可以使用上面的约翰内斯解决方案，或者可以完全隐藏：：before，因为不再使用它。

我已经在您的网站上测试了下面的代码，并且看起来效果很好：

#mc_embed_signup .mc-field-group.input-group ul li:before {
    display: none;
}

如果还不够，您可以使用！important覆盖其他现有的CSS：

#mc_embed_signup .mc-field-group.input-group ul li:before {
    display: none !important;
}