↑これの色を変えたい。
スマホの人置いてけぼりの記事です。
wedges.hatenablog.com
これがうまく動かなかった。多分古くなってバージョンとかの問題だろうと思ったのだけどよくわからない。
developer.hatena.ne.jp
公式はさらに古すぎた。
わしはjavaスクリプトとか、よくわからんのじゃよ・・・。jQueryとかもできれば触りたくないwww
らいちさんに愚痴ったらはてなから読み込めば? 的なことを言われたので変えたら動いた。
多分普通にバージョン変えたら動くパターンだと思うけど、はてなから呼んだほうが重くないのかな?
<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script> <script type="text/javascript"> $(window).load(function(){ setTimeout(function(){ $('iframe.hatena-bookmark-comment-iframe').contents().find('div.hatena-bookmark-title').css('border', '1px solid #c71585'); $('iframe.hatena-bookmark-comment-iframe').contents().find('div.hatena-bookmark-title').css('background', '#c71585'); },100); }); </script>
何かの参考になれば。
追記
setTimeoutで遅延しちゃうから
www.koikikukan.com
を参考にして
<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script> <script type="text/javascript"> $("iframe").on("load",function(){ $("iframe.hatena-bookmark-comment-iframe").contents().find('div.hatena-bookmark-title').css("border","1px solid #c71585"); $("iframe.hatena-bookmark-comment-iframe").contents().find('div.hatena-bookmark-title').css("background","#c71585"); }); </script>
のほうがいいのかな? っと思ったけど、これだと変わらなかった。何がいかんのだろう?
クロスドメイン(親ページと子ページのドメインが異なる)の場合、この方法は適用できません。
親ページからiframe内の要素にCSSを適用させる方法: 小粋空間
これか。うーむ、むつかしなぁ
↓変わってなかったらf5だ!w