I have to style something within an iframe.
<html>
<head>
<link href="url/to/my/custom.css"></link>
</head>
<body>
......
<iframe class="webform-frame">...</iframe>
</body>
</html>
In my custom.css I already tried to use .webform-frame h5 { color: #f00; } but it doesn't work.
The iframe is generated by some JavaScript (I have no access to it).
Any idea how I could style that stuff within that iframe?
See Question&Answers more detail:os
If you want to target the iframe i.e the border, border color, padding, or margin, then using this will target your iframe:
iframe.webform-frame {
/* Styles */
}
If you are trying to target the markup which is loaded inside the iframe than that's not possible.
Note: You can control a few things like making the frame background transparent etc...
Edit: Would like to add
seamlessattribute explanation here, as Sebastian told, but the support is poor, you should perhaps ignore doing so.. Also do not edit any iframed pages without prior permission of the page owner
