如何消除 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;
}

如果这还不够，您还可以在 none

之后添加 !important

Answer 2

这是因为您所有字段上的 :before。您可以使用上面 Johannes 的解决方案，或者您可以完全隐藏 :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;
}

How to eliminate the bullets in MailChimp ul