Question

<!DOCTYPE html>
  <html>
    <head>
        <link rel="stylesheet" type="text/css" href="theme/myjquerystyle.css">
    </head>
    <body>

<iframe>
     <!DOCTYPE html>
        <html>
        <head>
            <link rel="stylesheet" type="text/css" href="plugin/myjquerystyle.css">
        </head>
        <body>
        My Plugins page
        </body>
    </html>
</iframe>

</body>
</html>

正如您在上面的代码中看到的，我在html页面中创建了一个html页面。我的问题是theme / myjquerystyle.css覆盖了我的插件/ myjquerystyle.css 如何优先将我的插件/ jquerystyle.css文件应用于我的页面。任何解决方案

Answer 1

我相信我们无法定义内部iframe（从未尝试过）但是我们可以通过Javascript实现这一点，我们可以通过以下方式将样式附加到iframe部分：

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

否则，您也可以尝试将样式添加到内部的各个元素中 iframe为：

iframe.$('mydiv').addClassName('Tablewithborder');

希望它有所帮助。

我的插件上有Css覆盖问题

1 个答案: