2010-02-10 9 views
0

Ceci est une question très spécifique pour une extension Google Chrome.Editer CSS dans iframe qui définit la couleur du texte de la balise Select to black?

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 case Statut où vous pouvez vous placer ou ce que vous voulez que votre statut ait du texte blanc sur un fond blanc. Pour afficher un site Web dans une fenêtre contextuelle de l'extension Google Chrome (celle qui s'affiche lorsque vous cliquez sur l'icône en regard de la barre d'adresse) qui n'est pas un fichier html inclus dans l'extension, j'ai besoin d'un fichier .html. utiliser un iFrame. Je sais qu'il y a des mesures de sécurité à propos des choses inter-sites comme javascript et je ne suis pas surpris d'avoir du mal à accéder au CSS. Mais il y a une classe, un statut, et sa couleur est blanche et je dois changer cela en noir. Je l'ai testé avec la fenêtre Inspect Element de Chrome et si je change cela, tout ira bien.

J'ai essayé de modifier 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.

Répondre

0

Ce que vous avez à faire est de changer le DOM à l'intérieur de l'iframe, c'est à dire de changer le style de l'élément de texte avec javascript. Vous pouvez, par exemple, modifier l'attribut 'color' de l'élément de texte, ou modifier sa classe CSS et en ajouter une nouvelle.