How to apply css to iframe content? [closed]

by

You can use jQuery’s .content() function to access it. 

$('yourIframe').contents().find('#yourItemYouWantToChange').css({
    opacity: 0,
    color: 'purple'
});

Example

Here’s an example showing me applying css to the jQuery logo typically found in the top left of the screen. Mind you, it has to be same domain/ports etc, so that’s why my example features jsfiddle in the iframe.
http://jsfiddle.net/pPqGe/

More Related Contents:

  1. Override body style for content in an iframe
  2. Using CSS to affect div style inside iframe
  3. Making an iframe responsive
  4. how to properly display an iFrame in mobile safari
  5. YouTube Video Embedded via iframe Ignoring z-index?
  6. z-index does not work in Internet Explorer with pdf in iframe
  7. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  8. How to create one vertical column in between rows in Flexbox [closed]
  9. How can i make this wave effect on both bottom and top
  10. Why is a flex item limited to parent size?
  11. What does !important mean in CSS?
  12. Transparent text cut out of background
  13. CSS3 selector :first-of-type with class name?
  14. Remove blue border from css custom-styled button in Chrome
  15. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  16. Internet Explorer’s CSS rules limits
  17. Pure CSS checkbox image replacement
  18. CSS: Set a background color which is 50% of the width of the window
  19. Does element width include padding?
  20. Cols, colgroups and css “:hover” pseudoclass
  21. Why does the linear-gradient disappear when I make an element position:absolute?
  22. Usage of display property of flex box items
  23. Disable zoom on a div, but allow zoom on the page (an alternate div)
  24. CSS Selector for
  25. How can I prevent CSS gradient banding?
  26. How to display and hide a div with CSS?
  27. Can I define a class name on paragraph using Markdown?
  28. Check scrolling with CSS
  29. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  30. Custom CSS being overridden by Bootstrap CSS

Leave a Comment