使用 CSS 影响 iframe 中的 div 样式

2022-01-30 00:00:00 iframe css

是否可以仅使用 CSS 更改位于页面 iframe 内的 div 的样式?

Is it possible to change styles of a div that resides inside an iframe on the page using CSS only?

推荐答案

你需要 JavaScript.这与在父页面中执行此操作相同,只是您必须在 JavaScript 命令前加上 iframe 的名称.

You need JavaScript. It is the same as doing it in the parent page, except you must prefix your JavaScript command with the name of the iframe.

请记住,同源策略适用,因此您只能对来自您自己的服务器的 iframe 元素执行此操作.

Remember, the same origin policy applies, so you can only do this to an iframe element which is coming from your own server.

我使用 Prototype 框架来简化它:

I use the Prototype framework to make it easier:

frame1.$('mydiv').style.border = '1px solid #000000'

frame1.$('mydiv').addClassName('withborder')

相关文章