【问题标题】：How do I add CSS to my `mailchimp` popup form?如何将 CSS 添加到我的“mailchimp”弹出表单中？
【发布时间】：2015-08-23 06:19:00
【问题描述】：

我正在使用 mailchimps 弹出订阅表单。我已尽我所能在 mailchimp 中设置了内容样式。我想在弹出窗口中添加更多 CSS，我已尝试将 CSS 添加到已加载到我的网站中的 CSS 表中，但即使使用 !important 等，表单也不会在弹出窗口中选择它。

mailchimp 的代码是：

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
<script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us8.list-manage.com","uuid":"731f7bb19522a201007a53699","lid":"138afe0d12"}) })</script>

现在，我尝试在我的页面中添加内联样式进行测试，例如：

<style>
    #mc-EMAIL {
        border:6px solid pink !important;
    }
</style>

我注意到我的 mailchimp 样式来自 this 但是 mailchimp 说我无权更改此 CSS 文件。

我确信其他人在我之前必须面对的总体问题：

如何将 CSS 添加到我的`mailchimp` 弹出表单？

【问题讨论】：

您是否尝试过添加 CSS 内联（如果可以）？例如
...
我无法访问像您的示例一样的 HTML，因为它是由 JS 脚本生成的，我也尝试了在我的网站 HTML 中不起作用。谢谢
你看过这篇文章吗？ kb.mailchimp.com/lists/signup-forms/advanced-form-customization
您好，我已经看到了，我们已经被归类为“高级会员”，这篇文章更多的是指用户通过注册您的邮件列表获得的响应电子邮件定制，而且显然邮寄模板。我已经就我的问题与 mailchimp 实时支持进行了交谈，他们明确表示我无法使用自己的 CSS 设置自己的弹出窗口样式，我之前已经设置了标准 mailchimp 表单的样式（不是生成的弹出 js），没有任何问题。还是谢谢大家的考虑。
明白了。可惜他们不允许自定义弹出窗口。祝你的项目好运。

标签： javascript css mailchimp

【解决方案1】：

Mailchimp 弹出窗口是否带有<iframe> 标签？如果是，我认为您不能直接使用 css 自定义它。

1.通过js将你的css注入iframe。

How to Apply CSS to iFrame

2。更改为使用 mailchimp API 与您的自定义弹出 html/css 集成。它可能需要付出很多努力，但易于维护。（可以问我）

Mailchimp API DOC

MailChimp API 3.0 and WordPress HTTP API

祝你好运。

【讨论】：

这就是答案。

【解决方案2】：

CSS 无法定位来自不同域的 iframe 中的元素。但是，您可以使用 JS，但这不是 CSS 答案:)

【讨论】：

【解决方案3】：

因为它是 iframe，所以您无法更改 css。但是你可以用 JS 做到这一点。如您所见here。

【讨论】：

如何将 CSS 添加到我的mailchimp 弹出表单？

如何将 CSS 添加到我的`mailchimp` 弹出表单？