如何覆盖iframe样式？

Question

我有iframe，我需要覆盖其样式

<iframe id="randomVerseIframe" src="http://sitename.org/ajax/random/" width="210"   height="270" title="" frameborder="0" scrolling="no">
</iframe>

我试试：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">
    var head = jQuery("#randomVerseIframe").contents().find("head");
    var css = '<style type="text/css">' +
    '#sinodal, #modern{font-size: 0.5em}; ' + 
    '</style>';
jQuery(head).append(css);
</script>

但是当我检查生成的HTML时，那些新的样式不适用。