【Monaca onsen UI】iframe内のcssを書き換えたい

Question

onsen UIにて、iframeを読み込む際、
動的にcssを組み込みたいと考えています。

基本があまりわかっていないのですが、下記のように記載してみたところ、作動しませんでした。
お分かりになれば、お教えいただければ幸いです。

head内

  <script>
ons.ready(window).load(function(){
    $('iframe').contents().find('head').append('<link href="css/add.css" rel="stylesheet">');
};
  </script>

css/add.css

#test{display:none;}

index.html

  <ons-template id="tab1.html">
    <ons-page id="first-page">
<iframe src="https://xxx.net/"></iframe>
    </ons-page>
  </ons-template>

Answer 1

大前提として、iframeで表示する先は質問者様が管理されているサイトなのでしょうか？
そうでなのであれば、ある程度対処方法はあると思いますが、
管理されていない外部サイトであれば不可能です。

例えばですがiframe内でyahooを表示させたかったとして、
cssを上書きしてyahooのロゴを非表示にして勝手なロゴを当て込む、
なんていう事は許可されるはずがありませんよね？

Comments

[koiitirou3]

ありがとうございます。
一応管理しているサイトなのですが、別の方法を探したいと思います。
ご回答ありがとうございました。