我有一个网站并添加了一个聊天小部件,但不想在此小部件/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>
在加载所有页面后大约 5 秒后,我该如何加载我的 CSS 代码?
我已经测试过这个但不起作用:
$(window).load(function() {
$('head').append('<link rel="stylesheet" type="text/css" href="//www.linktoCSSwhereDisplayNoneIs.se/css/style.css">');
});
$('iframe').contents().find("div[comp='ember*']").remove();
还有CSS
*[id^='ember-']{
display: none!important;
}
div[class^="ember"], div[class*=" ember"] {
color:red
}
.ember-view .footer-note {
display: none!important;
}
最佳答案
也许我们可以尝试在 iframe 加载后附加样式。
$("#iframe-id").on("load", function () {
$('head').append('<link rel="stylesheet" type="text/css" href="//www.linktoCSSwhereDisplayNoneIs.se/css/style.css">');
});
关于javascript - 删除由 iframe 小部件提供支持 - 不显示且 css 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50018800/