[英]Remove powered by in iframe widget - display none and css not work
我有一個網站,並添加了一個聊天小部件,但希望在此小部件/ 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>
加載所有頁面后,maby 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">');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.