CODEWITHSUNDEEP
cssiframecursor
Lupo
Lupo

Reputation: 3104

Change mousecursor above external <iframe>

I have a

<div style="cursor: move;">
<script type="text/javascript" src="h**p://www.some-external-js"></script>
</div>

the external JS loads some iframe with content: <iframe src="somesource"></iframe>

I would love to change the mousecursor above the iframe, which is in my div box. Unfortunately this is not possible with CSS alone, because the iframes overwrites the cursor settings? Any idea?

Upvotes: 0

Views: 3176

Answers (1)

Pekka
Pekka

Reputation: 449783

It's not possible. The Same Origin Policy will block you from modifying any of the iframe document's CSS.

The only thing you could do is overlay the iframe with a transparent div using position: absolute and a z-index. But then the iframe will become unusable.

Upvotes: 2

Related Questions