简而言之，没有。

您不能将CSS应用于iframe中加载的HTML，除非由于跨域资源限制，您可以控制iframe中加载的页面。

就像尤金说的，一种粗鄙的做事方式。我最终遵循他的代码，并链接到我的自定义Css页面。我的问题是，有了twitter的时间轴，你必须做一些回避twitter来覆盖他们的代码一点点。现在我们有一个滚动的时间轴与我们的css，即更大的字体，适当的行高和使滚动条隐藏的高度大于他们的限制。

var c = document.createElement('link');
setTimeout(frames[0].document.body.appendChild(c),500); // Mileage varies by connection. Bump 500 a bit higher if necessary

您可以先检索iframe的内容，然后像往常一样对它们使用jQuery选择器。

$("#iframe-id").contents().find("img").attr("style","width:100%;height:100%")

$("#iframe-id").contents().find("img").addClass("fancy-zoom")

$("#iframe-id").contents().find("img").onclick(function(){ zoomit($(this)); });

好运！

从客户端不可能。一个javascript错误将被提出“错误:权限拒绝访问属性“文档””，因为Iframe不是你的域的一部分。 唯一的解决方案是从服务器端代码中获取页面并更改所需的CSS。

显然，它可以通过jQuery完成:

$('iframe').load( function() {
    $('iframe').contents().find("head")
      .append($("<style type='text/css'>  .my-class{display:none;}  </style>"));
});

https://stackoverflow.com/a/13959836/1625795

你需要JavaScript。这与在父页面中执行相同，只是必须在JavaScript命令前加上iframe的名称。

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

我使用Prototype框架来简化:

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

or

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