Comment ajouter du CSS aux iFrames d'un domaine différent ?

Ajout de CSS aux iFrames

Dans les cas où les iframes sont chargés à partir d'un domaine différent, appliquer directement CSS peut être un défi. La solution suivante résout ce problème.

Modification des feuilles de style

En fonction des solutions, voici les méthodes pour ajouter du CSS :

Utilisation de JavaScript :

<code class="js">var cssLink = document.createElement("link");
cssLink.href = "file://path/to/style.css";
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
frames['iframe'].document.body.appendChild(cssLink);</code>

Utilisation de jQuery :

<code class="js">var $head = $("iframe").contents().find("head");
$head.append($("<link/>", { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));</code>

Problèmes de sécurité potentiels

Notez que les problèmes de sécurité peut survenir lors de la désactivation de la politique de même origine dans Safari. Des mesures appropriées doivent être prises pour garantir une mise en œuvre sécurisée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!