Edición de CSS en el marco flotante que establece el color del texto Seleccione la etiqueta de negro?

Question

Esta es una pregunta muy específica para una extensión de Google Chrome.

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

Esta página es donde te expulsan a cuando se va a Meebo.com en un iPhone o un teléfono Droid. Pero si te fijas, el cuadro Estado en el que puede fijarse de distancia o lo que usted quiere que su estado sea tiene texto en blanco sobre un fondo blanco.

Con el fin de conseguir un sitio web para aparecer en la ventana emergente de una extensión de Google Chrome (el que se despliega al hacer clic en el icono situado junto a la barra de direcciones) que no es un archivo HTML incluido en la extensión, necesito utilizar un iFrame. Yo sé que hay medidas de seguridad sobre la materia entre sitios como JavaScript y no me sorprende que estoy teniendo problemas para acceder a la CSS. Pero hay una clase, el estado y su color es blanco y yo tener que cambiarlo a negro. Lo he probado con Inspeccionar elemento ventana de Chrome y si cambio de eso, voy a estar bien.

He intentado cambiar el archivo manifest.json para inyectar un archivo CSS usando contenido-Scripts, pero nada ...

Soy nuevo a Extensiones Chrome pero tengo experiencia haciendo desarrollo web.

Answer 1

Lo que tienes que hacer es cambiar el DOM dentro del marco flotante, es decir, para cambiar el estilo del elemento de texto con javascript. Se puede, por ejemplo, cambiar el atributo 'color' del elemento de texto, o cambia su clase CSS y añadir uno nuevo.