javascript - 将.css文件附加到iframe，以便可以覆盖样式

我正在这样尝试：

$(document).ready(function(){
    $('#muestraMotor').bind('mousedown',function(){
        var cssLink = document.createElement("link");
        cssLink.href = "../estilo/css/datepicker.css";  cssLink .rel = "stylesheet";
        cssLink .type = "text/css";
        frames['cboxIframe'].document.body.appendChild(cssLink);
    });
})

其中cboxIframe是iframe的ID，

萤火虫跳：


  frame.cboxIframe未定义
  [降低域名错误] frames ['cboxIframe']。document.body.appendChild（cssLink）;


-编辑-

我现在尝试这样

$(document).ready(function(){
    $('#txtRsvButtonGold').bind('mousedown',function(){
        var $head = $("iframe#cboxIframe").contents().find("head");
        $head.append($("<link/>", { rel: "stylesheet", href: "http://sameDomain.com/css/datePicker.css", type: "text/css" }));

    });
});

没有错误，但是我看不到带有萤火虫的.css文件（并且未应用corse样式）

最佳答案

而不是将id传递给frames，您需要传递框架的name属性（或其在页面上的数字索引）

关于javascript - 将.css文件附加到iframe，以便可以覆盖样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8299766/