How to change css in cross-domain iframe using jquery for cross-domain means external link

Question

How i implement css in iframe my url is from cross-domain please help me how to do that.

Please check my code:-

<iframe allowtransparency="true" frameborder="0" height="1200" 
  id="cpatsframe" scrolling="no" src="https://Ghost.Org/jobs? 
       aggregator_id=180015&amp;embed=1" style="position: relative; 
    overflow: hidden; height: 2909px;" width="100%">Sorry, iframes are not 
  supported.</iframe>


   <script>

    $("#myframe").contents().find(".myclass").css('background', 'red');


    </script>

But this is not working Please tell me how i fix that or work it. Thanks alot In advance

Possible duplicate of [Override body style for content in an iframe](https://stackoverflow.com/questions/6494721/override-body-style-for-content-in-an-iframe) — Mohammad, Sep 08 '18 at 07:06

score 0 · Answer 1 · 2018-09-08T07:30:58.570

Try this if iframe is in same domain

 <script>
    $(document).ready(function(){
        var iFrameDOM = $("iframe#cpatsframe").contents();
        iFrameDOM.find(".myclass").css("background-color", "red");
    });
</script>

else There is no way to edit a Cross Domain IFrame. You can manipulate domains within the same level, or lower in your domain chain but there is no way to made changes in cross domain iframe.

How to change css in cross-domain iframe using jquery for cross-domain means external link

1 Answers1