Escribí una extensión de Google Chrome, que muestra un diálogo con un campo de autocompletado y su propio estilo, pero hay algunos sitios donde mi CSS se rompe por completo, lo que no se ve muy bien.

Sé de aislar estilos con iFrames, pero en la extensión de Google Chrome no hay manera de aislar mi HTML y CSS de esta manera. Otro método es envolver todas mis cosas en un div separado con su propia identificación y estilos relativos para esa identificación, y lo hago, pero parece que no funciona en algunos sitios con sobrecargas de estilo de etiquetas "duras" o "! Importantes "directivas en el código CSS.

Por lo tanto, quiero saber si hay alguna forma de aislar realmente mis estilos de la forma más conveniente o ¿es mi mal carma sobrecargar cada pequeña propiedad CSS para solucionar uno u otro problema de estilo para cada sitio?

Por cierto: configuro mi manifiesto para cargar todas las cosas en el "final de documento", pero veo que no se aplica a las hojas de estilo, que se cargan cada vez que el DOM está listo.