Comment appliquer css au contenu iframe?

Je n'arrive pas à obtenir CSS de contenu généré à travailler pour iframe éléments:

iframe::after {content: 'example';}
iframe::before {content: 'example';}

Quelqu'un aurait-il une solution qui fait œuvres? Merci à l'avance.

source d'informationauteur boruchsiper

  1. 27

    Vous pouvez utiliser du jQuery .content() fonction pour y accéder. 

    $('yourIframe').contents().find('#yourItemYouWantToChange').css({
    opacity: 0,
    color: 'purple'
});

    Exemple

    Voici un exemple montrant m'appliquant css de jQuery logo trouve généralement dans le coin supérieur gauche de l'écran. Rappelez-vous, il doit être le même domaine/ports etc, de sorte que c'est pourquoi mon exemple, des fonctionnalités jsfiddle dans l'iframe.

    http://jsfiddle.net/pPqGe/

  2. 2

    Est l'iframe créé dynamiquement, ou est-ce quelque chose qui est principalement statique de la lumière (une iframe utilisé pour lightbox effet).

    Si elle est statique, vous pouvez simplement utiliser les balises de style à l'intérieur de l'iframe de balisage, ou mieux encore inclure une feuille de style externe par un lien vers elle dans l'iframe de balisage.

    Si elle est dynamique, vous êtes mieux lotis à l'aide de la bibliothèque JavaScript jQuery comme il est exceptionnellement bonne pour la manipulation des feuilles de style CSS.