如何将CSS应用于iframe内容？

小编典典

css

我无法获得CSS生成的内容可用于iframe元素：

iframe::after {content: 'example';}
iframe::before {content: 'example';}

有没有人有一个解决方案实际工作？提前致谢。

阅读 342

2020-05-16

共1个答案

小编典典

您可以使用jQuery的.content()函数来访问它。

$('yourIframe').contents().find('#yourItemYouWantToChange').css({
    opacity: 0,
    color: 'purple'
});

这是一个示例，向我展示了如何将css应用于通常在屏幕左上方找到的jQuery徽标。请注意，它必须是相同的域/端口等，因此这就是我的示例在iframe中使用jsfiddle的原因。

2020-05-16