Iframe Inhalt CSS-Stil ändern [duplizieren]

8

Ich habe einen iframe in meiner Webseite, aber ich möchte die css / font style etc ändern.

%Vor%

Wie überschreibe ich den CSS-Stil des iframes-Inhalts?

    
Jeremi Liwanag 20.05.2013, 21:21
quelle

2 Antworten

18

Wenn iframe eine Seite auf Ihrer eigenen Domain lädt und Sie statisch die iframe s Styles ändern möchten, können Sie einfach die Style-Regeln ändern In der CSS-Datei bezieht sich @ Justin808 darauf.

Wenn Sie jedoch dynamisch die Stile ändern möchten, und iframe eine Seite auf Ihrer eigenen Domäne lädt , können Sie dies mit jQuery tun:

%Vor%

Wenn iframe eine Seite auf einer anderen Domain lädt , haben Sie kein Glück, folgen Sie diesen Link , wo Sie ein wenig darüber nachlesen können, warum das nicht funktioniert.

Wenn Sie HTML5 verwenden, können Sie verwenden postMessage , um zwischen der Seite und dem iframe zu kommunizieren.

Die Lösung von

@crdunst funktioniert , wenn Sie auf der Seite in iframe "Bearbeitungszugriff" haben, damit Sie sie bearbeiten können, um die Parameter zu verstehen werden an ihn weitergegeben und lassen ihn dann auf diese Parameter einwirken. Es ist nicht so dynamisch wie die Verwendung von jQuery, da Sie nur Stile ändern können, indem Sie die Seite innerhalb von iframe neu laden und einen anderen Parametersatz übergeben.

    
Mathijs Flietstra 20.05.2013, 21:32
quelle
5

Ich bin mir nicht sicher, ob sich dies auf user2146515 bezieht, aber wenn Sie Zugriff auf die Seite innerhalb des Iframes haben, könnten Sie Werte in der URL übergeben und diese Werte dann in Ihrem iframe-Inhalt verwenden:

%Vor%

Überprüfen Sie dann auf der Iframe-Seite den Wert und fügen Sie Stile basierend auf diesen Werten hinzu

    
crdunst 20.05.2013 21:26
quelle

Tags und Links