如何在我的`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的样式来自于此,但是mailchimp说我无权更改此CSS文件.

我相信其他人必须在我面前面对的整体问题:

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

Answer 1

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