Come applicare CSS ai contenuti iframe?

Non riesco a far funzionare il contenuto generato da CSS per gli elementi iframe :

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

Qualcuno ha una soluzione che funziona davvero ? Grazie in anticipo.

Puoi usare la funzione .content() di jQuery per accedervi.

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

Esempio

Ecco un esempio che mostra che sto applicando css al logo jQuery che si trova in genere nella parte in alto a sinistra dello schermo. Intendiamoci, deve essere lo stesso dominio / porte ecc. Ecco perché il mio esempio presenta jsfiddle nell’iframe.
http://jsfiddle.net/pPqGe/

L’iframe viene creato dynamicmente o è qualcosa che è per lo più statico (accendi un iframe usato per l’effetto lightbox).

Se è statico, puoi semplicemente usare i tag di stile all’interno del markup dell’iframe, o meglio ancora includere un foglio di stile esterno collegandolo ad esso nel markup dell’iframe.

Se è dinamico, è meglio usare la libreria jQuery JavaScript poiché è eccezionalmente utile per gestire i CSS.