如何在我的`mailchimp`弹出窗体中添加CSS？

Question

我正在使用mailchimps popup订阅表单。我尽可能地在mailchimp中设置了内容。我想在弹出窗口中添加更多的CSS，我已经尝试将CS​​S添加到已经加载到我的网站的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弹出窗体？

Answer 1

CSS不能定位来自其他域的iframe中的元素。 但是，您可以使用JS，但那不是CSS答案：）

Answer 2

是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

祝你好运。

Answer 3

因为它是一个 iframe，所以你不能改变 css。但是你可以用 JS 做到这一点。如您所见here。