Add CSS Property in iFrame

To add the css property in iframe

var frameListener;
jQuery('iframe').ready(function () {
    frameListener = setInterval("frameLoaded()", 50);
});

function frameLoaded() {
    var frame = jQuery('iframe').get(0);
    if (frame != null) {
        var frmHead = jQuery(frame).contents().find('head');
        if (frmHead != null) {
            clearInterval(frameListener); // stop the listener
            //frmHead.append($('style, link[rel=stylesheet]').clone()); // clone existing css link
            //frmHead.append(jQuery("<link/>", { rel: "stylesheet", href: "/styles/styleasa.css", type: "text/css" })); // or create css link yourself
            frmHead.append(jQuery("<style type='text/css'>  .goog-te-menu2{border:inherit!important;}  </style>"));
        }
    }
}