如何使用jquery将css添加到iframe中？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

var iframe = $('#myIframe');

var css = 'body { background-color: #f1f1f1; }';
var style = $('<style>').text(css);

iframe.contents().find('head').append(style);

$(document).ready(function() {
  var iframe = $('#myIframe');
  var css = 'body { background-color: #f1f1f1; }';
  var style = $('<style>').text(css);
  iframe.contents().find('head').append(style);
});