Using CSS to affect div style inside iframe

by

You need JavaScript. It is the same as doing it in the parent page, except you must prefix your JavaScript command with the name of the iframe.

Remember, the same origin policy applies, so you can only do this to an iframe element which is coming from your own server.

I use the Prototype framework to make it easier:

frame1.$('mydiv').style.border="1px solid #000000"

or

frame1.$('mydiv').addClassName('withborder')

More Related Contents:

  1. Override body style for content in an iframe
  2. Making an iframe responsive
  3. how to properly display an iFrame in mobile safari
  4. YouTube Video Embedded via iframe Ignoring z-index?
  5. z-index does not work in Internet Explorer with pdf in iframe
  6. How to apply css to iframe content? [closed]
  7. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  8. How to make attractive button using CSS
  9. Center multiple images horizontally in CSS
  10. Select every Nth element in CSS
  11. Twitter Bootstrap 3: how to use media queries?
  12. How can I get a Bootstrap column to span multiple rows?
  13. How to draw a circle with text in the middle?
  14. Font Awesome not working, icons showing as squares
  15. When will an tag not inherit color attribute of parent tag?
  16. Eliminate flash of unstyled content
  17. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  18. Can we use any other TAG inside along with ? [duplicate]
  19. -webkit-margin adds unwanted margin on texts
  20. How to align nav items to the right in Bootstrap 5?
  21. What is the value of the css ‘ex’ unit?
  22. How to Identify Microsoft Edge browser via CSS?
  23. up/down arrow key issue with typeahead control (angular bootstrap UI)
  24. How to add a margin to a table row [duplicate]
  25. Clip/Crop background-image with CSS
  26. CSS negative z-index: what does it mean?
  27. Why doesn’t my child element inherit color from its parent when parent has more specific selector?
  28. minmax fails (invalid property value)
  29. Div with cut out edges, border and transparent background
  30. Select specific element before other element

Leave a Comment