如何将 css 应用于 iframe 内容? [英] How to apply css to iframe content?

问题描述

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

I am unable to get CSS generated content to work for iframe elements:

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

有人有实际可行的解决方案吗?提前致谢.

Does anyone have a solution that actually works? Thanks in advance.

推荐答案

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

You can use jQuery's .content() function to access it.

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

示例

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

这篇关于如何将 css 应用于 iframe 内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！