in iframe bearbeiten CSS dass Sets Tag Textfarbe schwarz wählen?

Question

Dies ist eine sehr spezielle Frage für eine Google Chrome-Erweiterung.

http://www.meebo.com/mobile/

Auf dieser Seite können Sie gekickt sind, wenn Sie gehen zu Meebo.com auf einem iPhone oder Droid Telefon. Aber wenn Sie feststellen, wo das Feld Status können Sie sich selbst weg gesetzt oder was wollen Sie Ihren Status hat auf einem weißen Hintergrund weißer Text sein.

Um eine Website zu erscheinen in einer Google Chrome-Erweiterung des Popup-Fenster (die, die nach unten fällt, wenn Sie auf das Symbol klicken neben der Adressleiste) zu erhalten, die nicht enthalten HTML-Datei in der Verlängerung ist, muss ich verwenden, um ein iFrame. Ich weiß, dass die Sicherheitsmaßnahmen über Cross-Site Sachen wie Javascript, es gibt und ich bin nicht überrascht Ich habe Probleme die CSS zugreifen. Aber es gibt eine Klasse, Status, und es die Farbe ist weiß und ich ändern müssen, das zu schwarz. Ich habe es mit Chrome Fenstern Inspect Element geprüft, und wenn ich das ändern, werde ich in Ordnung sein.

Ich habe versucht, die Datei zu ändern manifest.json eine CSS-Datei mit Content-Scripts zu injizieren, aber nichts ...

Ich bin neu in Chrome-Erweiterungen, aber ich habe Erfahrung Web-Entwicklung zu tun.

Answer 1

Was Sie tun müssen, ist das DOM innerhalb des iframe zu ändern, dh die Art des Textelements zu ändern, mit Javascript. Sie können zum Beispiel, ändern Sie die ‚Farbe‘ die Eigenschaft des Textelementes oder seine CSS-Klasse ändern und einen neuen hinzufügen.