如何将CSS应用于iframe内容？

Question

我无法将CSS生成的内容用于iframe元素:

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

有没有人有一个真正有效的解决方案？提前致谢.

Answer 1

您可以使用jQuery的.content()功能来访问它.

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

例

这是一个示例,显示我将css应用于通常位于屏幕左上角的jQuery徽标.请注意,它必须是相同的域/端口等,所以这就是我的示例在iframe中使用jsfiddle的原因.
http://jsfiddle.net/pPqGe/