Javascript 移除iframe小部件中的powered by-显示无和css不工作

我有一个网站并添加了一个聊天小部件，但我不想在这个小部件/iframe的某些部分显示任何内容。小部件加载到带有.js文件和HTML触发器的iframe中

我可以在Chrome开发者工具中使用此代码来摆脱我想要的东西，但我无法在实时站点上使用此代码

.ember-view .footer-note {
    display: none!important;
}

这是我想显示的代码

<div id="ember123" class="ember-view footer-note">⚡ by <a href="https://somelink.com/" class="product" target="_blank">the link</a>
</div>

---

也许我们可以在iframe加载后尝试附加样式

$("#iframe-id").on("load", function () {
    $('head').append('<link rel="stylesheet" type="text/css" href="//www.linktoCSSwhereDisplayNoneIs.se/css/style.css">');
});

$（“#iframe id”）。打开（“加载”，函数（）{
$（'head'）。追加（''）；
});

您可能正在使用他们的免费服务。升级您的帐户以删除它。删除它是不道德的。我使用Wordpress，所以将$更改为jQuery，但它无论如何都不起作用。仅当我在Chrome开发工具中放入display none时才起作用。iFrame ID看起来像这样，不知道我是否正确，如果我这样做

jQuery（“fc#u小部件”）。on（“load”，函数（）{jQuery（'head'）。append（“”）；}）你怎么想？：）
*[id^='ember-']{
display: none!important;
}
div[class^="ember"], div[class*=" ember"] {
    color:red 
}
.ember-view .footer-note {
    display: none!important;
}

$("#iframe-id").on("load", function () {
    $('head').append('<link rel="stylesheet" type="text/css" href="//www.linktoCSSwhereDisplayNoneIs.se/css/style.css">');
});