有没有一种方法可以使用CSS对iframe的内容进行样式设置?

时间:2019-10-28 16:59:30

标签: html css iframe

<iframe src="#link">
#document
<!doctype html>
  <html>
     ...
  </html>
</iframe>

我如何将自己的CSS样式应用于#document中的任何元素 我只能使用CSS而不使用Jquery来做到这一点。

2 个答案:

答案 0 :(得分:1)

仅使用CSS无法完成您要查找的内容。您可以使用JavaScript but 在iframe中设置元素的样式,只要该iframe与您的网站位于同一域即可。我必须补充一点,但是使用JS进行操作确实是一个大难题。

如果iframe来自其他域,则所有投注均无效。这样做是为了保护网站免遭劫持(想象一下,我用全屏iframe制作了一个网站,然后诱使人们给我他们的密码)。

答案 1 :(得分:0)

两个文档都存在于两个不同的浏览器选项卡中。单独的CSS不能设置iframe内容的样式,但是当然可以设置iframe本身的样式。即使使用JavaScript(jQuery)也不总是有效。