javascript
  • jquery
  • html
  • css
  • 2013-05-20 13 views 8 likes 
    8

    ho un iframe all'interno della mia pagina web, ma voglio cambiare gli stili CSS/font eccIframe cambiamento di stile CSS Content

    <iframe name='iframe1' id="iframe1" src='<?php echo "http://micro.shoretel.com/www/?v=$version&s=$style&l=$logo&p=" . $_GET["p"] ?>' frameborder='0' width='660' height='450'></iframe> 
    

    Come faccio a ignorare lo stile CSS del contenuto del iframe?

    +0

    L'src 'iframe' sul tuo dominio? Se è così, puoi usare il CSS standard per distruggerlo, altrimenti ... beh, allora non puoi fare nulla. – Justin808

    +0

    inserisce i riferimenti del foglio di stile sull'iframe. – user1

    +0

    http://stackoverflow.com/questions/6494721/css-overide-body-style-for-content-in-iframe – zavg

    risposta

    18

    Se i iframe carica una pagina sul proprio dominio, e si desidera staticamente cambiare le iframe s stili, puoi semplicemente modificare le regole di stile nel file CSS, questo è ciò a cui si riferisce @ Justin808.

    Tuttavia, se si desidera dinamicamente modificare gli stili, ei iframe carica una pagina sul tuo dominio, si potrebbe fare questo utilizzando jQuery:

    $("iframe").contents().find("element-selector").css("border-color", "blue"); 
    

    Se i iframe carica una pagina su un altro dominio, sei sfortunato, segui lo this link, dove puoi leggere un po 'sul perché questo non funziona.

    Se stai usando HTML5, è possibile utilizzare postMessage per la comunicazione tra la pagina e il iframe.

    @crdunst soluzione s' funzionerà se si ha 'l'accesso di modifica' alla pagina all'interno del iframe modo che sia possibile modificarlo per capire i parametri che vengono passati ad esso, e poi ne fanno agire su quei parametri. Non è così dinamico come usare jQuery in quanto consente solo di cambiare gli stili ricaricando la pagina all'interno di iframe e passandogli un'altra serie di parametri.

    +0

    mal provato il jQuery, grazie, –

    +0

    Non funziona per me :( –

    5

    io non sono sicuro se questo è ciò che user2146515 si riferisce, ma se si ha accesso alla pagina all'interno del iframe, si potrebbe passare i valori sulla url, e quindi utilizzare quei valori all'interno del tuo contenuto iframe:

    <iframe src="http://www.youriframecontent.com?bg=ffffff&text=000000"></iframe> 
    

    Poi all'interno della pagina iframe, controllare il valore e aggiungere stili basati su tali valori

    Problemi correlati