<div>
<div class="content wysiwyg-content">
Hello,<br />
<br />
I would like to change the style sheet for a third-party (remote) website I have inside of an IFRAME.<br />
<br />
For example I would like to manipulate Google: <br />
<br />
-- I want all images to have a red border around them <br />
-- I want the color of all text links to be green<br />
<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;Google in an IFRAME&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;iframe src=&quot;<a href="http://www.google.com" rel="ugc">http://www.google.com</a>&quot; width=&quot;700&quot; height=&quot;500&quot; frameborder=&quot;0&quot; scrolling=&quot;auto&quot;&gt;&lt;/iframe&gt;<wbr /><br />
&lt;/body&gt;<br />
&lt;/html&gt;
</div>
</div>


Hello,

I would like to change the style sheet for a third-party (remote) website I have inside of an IFRAME.

For example I would like to manipulate Google: 

-- I want all images to have a red border around them 
-- I want the color of all text links to be green

<html>
<head>
<title>Google in an IFRAME</title>
</head>
<body>
<iframe src="http://www.google.com" width="700" height="500" frameborder="0" scrolling="auto"></iframe>
</body>
</html>

Change css for page in iframe

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.