Failed test: Inject CSS in Iframe

Das folgende funktioniert leider nicht korrekt. Ich wollte in einem IFrame ein Custom CSS laden. Das Ganze hab eich hier mit jQuery probiert aber ich habe dann auch davon Abstand genommen, das überhaupt zu versuchen. Wer mag, kann den Ansatz weiterverfolgen. Mir dient diese Information hier lediglich als Archiv.

/*
function my_header_script(){
?>
<script>
	jQuery("#tucalendi_widget").on("load", function() {
		alert( 'frame loaded inject css' );

		let head = jQuery("#tucalendi_widget").contents().find("head");
		let css = '<style>body {background-color: #000 !important;}</style>';
		jQuery(head).append(css);
	});
</script>
<?php
}
add_action( 'wp_head', 'my_header_script' );



add_action( 'wp_footer', function() { ?>
<script>
	(function($) {
		'use strict';
		//$( document ).ready( function() {
		$("#tucalendi_widget").on("load", function() {

			alert( 'frame loaded inject css' );
			let head = $("#tucalendi_widget").contents().find("head");
			let css = '<style>body {background-color: #000 !important;}</style>';
			$(head).append(css);

		});
	}(jQuery));
</script>
<?php }, 99 );

*/