Add CSS to iFrame [duplicate]

by

Based on solution You’ve already found How to apply CSS to iframe?:

var cssLink = document.createElement("link") 
cssLink.href = "https://stackoverflow.com/questions/6960406/file://path/to/style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['iframe'].document.body.appendChild(cssLink);

or more jqueryish (from Append a stylesheet to an iframe with jQuery):

var $head = $("iframe").contents().find("head");                
$head.append($("<link/>", 
    { rel: "stylesheet", href: "https://stackoverflow.com/questions/6960406/file://path/to/style.css", type: "text/css" }));

as for security issues: Disabling same-origin policy in Safari

More Related Contents:

  1. Can't able to apply css file in html5
  2. How to change the element of another div by clicking and hovering on an element of a different div
  3. Hide/Show div on specific page with jquery
  4. Alert jQuery + CSS [closed]
  5. When reset-btn is clicked, calculate-btn stops and then does not work
  6. Set class validation for dynamic textbox in a table
  7. call Fancybox in parent from iframe
  8. Slide right to left?
  9. Downloading jQuery UI CSS from Google’s CDN
  10. Create a CSS rule / class with jQuery at runtime
  11. How to apply inline and/or external CSS loaded dynamically with jQuery
  12. How do I access style properties of pseudo-elements with jQuery? [duplicate]
  13. Pass jquery variables between iframe and parent
  14. Get HTML inside iframe using jQuery
  15. How to fix a header on scroll
  16. Get the value of -webkit-transform of an element with jquery
  17. jQuery check if element has a specific style property defined inline
  18. jQuery/CSS: line-height of “normal” == ?px
  19. How to hide/remove a DIV when empty
  20. jquery get height of iframe content when loaded
  21. How do you create a toggle button?
  22. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  23. position fixed header in html
  24. How to remove only one style property with jQuery?
  25. How can I get list of all element css attributes with jQuery?
  26. Iframe inherit from parent
  27. JQuery search in static HTML page with highlighting of found word
  28. The .fadeOut() method to use visibility property instead of display property
  29. Bootstrap Carousel showing next and previous image
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment