Comment puis-je contrôler l'image d'arrière-plan et la couleur d'un élément de corps dans un iframe
? Notez que l'élément body incorporé a une classe et le iframe
est d'une page qui fait partie de mon site.
La raison pour laquelle j'en ai besoin est que mon site a un arrière-plan noir attribué au corps, puis un arrière-plan blanc attribué aux divs contenant du texte. Un éditeur WYSIWYG utilise un iframe
pour incorporer le contenu lors de l'édition, mais il n'inclut pas le div, donc le texte est très difficile à lire.
Le corps du iframe
when dans l'éditeur a une classe qui n'est utilisée nulle part ailleurs, donc je suppose que cela a été mis là pour que des problèmes comme celui-ci puissent être résolus. Cependant, lorsque j'applique des styles, class.body
ils ne remplacent pas les styles appliqués au corps. Ce qui est étrange, c'est que les styles apparaissent dans Firebug, donc je n'ai aucune idée de ce qui se passe!
Merci
MISE À JOUR - J'ai essayé la solution de @ mikeq d'ajouter un style à la classe qui est la classe du corps. Cela ne fonctionne pas lorsqu'il est ajouté à la feuille de style de la page principale, mais cela fonctionne lorsqu'il est ajouté avec Firebug. Je suppose que c'est parce que Firebug est appliqué à tous les éléments de la page alors que le CSS n'est pas appliqué dans les iframes. Cela signifie-t-il que l'ajout du css après le chargement de la fenêtre avec JavaScript fonctionnerait?
<div>
peut parfois être une solution de contournement (si CORS-Header le permet) ... (et «nettoyer» les données chargées par une expression rationnelle sur le Oui, tous hacky ...)