Question

我正在使用第三方网站的链接共享在我的网站上显示它。但我需要摆脱示例分享按钮中的一些文本。我尝试通过向这些添加display：none来抑制，但我的CSS已经从他们的网站被覆盖了。

一个问题贯穿我的脑海。首先，我可以这样做吗？

I have all my html contents here and then comes these div tags

    <div id="myDIVHERE">
    <div class="infogram-embed"
        data-id="1c09a6f5-16d8-4bf7-8769-9875b9569639" data-type="interactive"
        data-title="CPI 2017 World Map"></div>
    <script>
        !function(e, t, n, s) {
            var i = "InfogramEmbeds", o = e.getElementsByTagName(t)[0], d = 
    /^http:/
                .test(e.location) ? "http:" : "https:";
        if (/^\/{2}/.test(s) && (s = d + s), window[i] && window[i].initialized)
            window[i].process && window[i].process();
        else if (!e.getElementById(n)) {
            var a = e.createElement(t);
            a.async = 1, a.id = n, a.src = s, o.parentNode.insertBefore(a, o)
        }
    }(document, "script", "infogram-async",
            "https://e.infogram.com/js/dist/embed-loader-min.js");
    </script>
    </div>

Answer 1

仔细查看生成的脚本后，信息显示在 iframe 中。此外，此页面不是您网域上的网页，而是外部网页。因此，不幸的是，您无法使用CSS直接修改脚本的样式。

注意，如果嵌入式网站位于同一个父域，则可以直接编辑。

抑制css样式

1 个答案: