Mi extensión de Chrome necesita modificar ciertas reglas CSS en la página del usuario. Acceder a los estilos a través del document.styleSheets
solo da acceso a estilos vinculados desde dentro del mismo dominio. Otros elementos de la matriz document.styleSheets
tienen cssRules/rules
establecido en nulo.cssLas reglas/reglas son nulas en Chrome
¿Por qué se aplica la política de dominios cruzados aquí? Los estilos se están aplicando de todos modos, independientemente de su origen, entonces, ¿cuál es el punto? ¿Y cómo evitarlo en mi caso?
EDIT:
La razón por la que tenga que modificar las reglas CSS de usuario (en oposición a la simple adición de la mía) es que necesito para proteger elemento personalizado inyectada por extensión se vea afectado por *
reglas. see details in this question
¿Te ayudaría hacer un restablecimiento total de CSS en todos los elementos que agregas? Tal vez esto ayude: http://stackoverflow.com/questions/4966030/how-not-to-inherit-styles-in-a- chrome-extension-content-script/4974909 – yonran
Sí, estoy pensando un poco en la misma dirección. – artemave
Puede usar el modificador! Important para anular otros estilos. – NoBugs