Comment puis-je appliquer un CSS à un élément enfant à un iframe

Bonjour

J'ai un client qui a fait mettre un iframe sur sa page. Cet iframe pointe sur un site externe et le résultat est juste horrible dans le sense que la texture et la taille ne correspond pas à l'ensemble du site.

Après avoir regardé les cours CSS j'ai essayé de faire ceci

Code:

---

1 2 3 4 5

iframe body .content{ font-size: 12px !important; color:red !important; }

---

mais san succès.

Est-ce que l'on peut "attaqué" en CSS un iframe pour appliqué un CSS sur les éléments enfants de ce dernier?

Merci!!

Bonjour,

Citation:

---

Est-ce que l'on peut "attaqué" en CSS un iframe (...)

---

non est ce d'autant qu'elle n'est pas sur ton domaine.

Une solution est de récupérer côté serveur le contenu et de l'injecter dans ta page en ajustant le CSS.

Bonjour NoSmoking,

Qu'ententu par là, je devrait le faire en javascript?

J'ai essayé un truc du genre mais sans succès

Code:

---

$('iframe').contents().find('#main').css({border:4px solid #ff22ff});

---

Citation:

---

Qu'ententu par là, je devrait le faire en javascript?

---

pas en javascript te n'auras pas accès au content de l'iframe, mais côté serveur, PHP par exemple.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<?php $url = "adresse_de_la_page"; $id  = "main"; $doc = new DOMDocument(); $doc->loadHTMLFile( $url); $recup = $doc->getElementById( $id); ?> <!-- injection dans ton document --> <div id="main-iframe"> <?php echo $doc->saveHTML( $recup) ?> </div>

---

et à partir de là tu pourras « styler » les éléments comme tu le souhaites.