Utilisation de CSS pour modifier le style d'un div dans un iframe

Question

Est-il possible de modifier les styles d'une division qui se trouve à l'intérieur d'un iframe sur la page en utilisant uniquement le CSS ?

Answer 1

Probablement pas de la façon dont vous pensez. l'iframe devrait <link> dans le fichier css aussi. Et vous ne pouvez pas le faire même avec javascript si c'est sur un domaine différent.

Answer 2

Oui, c'est possible, mais c'est lourd. Il vous faudrait imprimer/échafauder le code HTML de la page dans le corps de votre page, puis appliquer une fonction de modification des règles CSS. En utilisant les mêmes exemples que ceux donnés ci-dessus, vous utiliseriez essentiellement une méthode d'analyse pour trouver les divs dans la page, puis appliquer le CSS et enfin le réimprimer/échafauder pour l'utilisateur final. Je n'ai pas besoin de cela et je ne veux pas coder cette fonction dans chaque élément du CSS d'une autre page Web juste pour l'adapter.

Références :

• Impression du contenu de l'IFRAME
• Accéder au code source HTML et l'imprimer en utilisant PHP ou JavaScript
• http://www.w3schools.com/js/js_htmldom_html.asp
• http://www.w3schools.com/js/js_htmldom_css.asp

Answer 3

En fait, vous pouvez utiliser des balises dans le html qui alimente votre iframe, si vous pouvez le modifier.

Dans le fichier HTML que j'appelle, je pourrais utiliser quelque chose comme ceci :

<style>
  h1 { font 16px/1.25 Helvetica, Arial, sans-serif }
  a { text-decoration: none: }
</style>

Cela peut être un peu redondant avec vos feuilles de style principales, mais cela fonctionne.