Modification CSS dans une iframe qui définit la couleur du texte Sélectionnez tag noir?

Question

Ceci est une question très spécifique pour une extension Google Chrome.

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

Cette page est l'endroit où vous kické quand vous allez à Meebo.com sur un iPhone ou un téléphone Droid. Mais si vous remarquez, la zone État où vous pouvez vous mettre loin ou ce que vous voulez que votre état soit a un texte blanc sur un fond blanc.

Afin d'obtenir un site Web pour apparaître dans une fenêtre pop-up de l'extension Google Chrome (celui qui descend vers le bas lorsque vous cliquez sur l'icône à côté de la barre d'adresse) qui n'est pas un fichier html inclus dans l'extension, je dois utiliser un iFrame. Je sais qu'il ya des mesures de sécurité au sujet des choses Cross-Site comme javascript et je ne suis pas surpris que je vais avoir du mal à accéder au CSS. Mais il y a une classe, le statut et sa couleur est blanche et je dois changer cela au noir. Je l'ai testé avec Chrome Vérifiez la fenêtre Élément et si je change, je serai bien.

Je l'ai essayé de changer le fichier manifest.json pour injecter un fichier CSS en utilisant Content-scripts, mais rien ...

Je suis nouveau à des extensions Chrome, mais j'avoir une expérience à faire du développement web.

Answer 1

Qu'est-ce que vous avez à faire est de changer les DOM à l'intérieur du iframe, à savoir changer le style de l'élément de texte avec le javascript. Vous pouvez par exemple changer l'attribut « couleur » de l'élément de texte, ou changer sa classe CSS et ajouter un nouveau.