Como realmente isolar as folhas de estilo na extensão do Google Chrome?

Escrevi uma extensão do Google Chrome, que exibe uma caixa de diálogo com um campo de preenchimento automático e seu próprio estilo, mas há alguns sites em que meu CSS fica totalmente corrompido, o que não parece muito legal.

Eu sei sobre isolar estilos com iFrames, mas na extensão do Google Chrome não há como isolar meu HTML e CSS dessa maneira. Outro método é envolver todas as minhas coisas em um div separado com seu próprio id e estilos relativos para esse id, e eu faço isso, mas parece que ele não funciona em alguns sites com sobrecarga de estilo de tags "hard" ou "! importantes "diretivas no código CSS.

Então, eu quero saber se existe alguma maneira de realmente isolar meus estilos de forma conveniente ou se meu carma ruim sobrecarrega cada pequena propriedade CSS para corrigir um ou outro problema de estilo para cada site?

By the way: Eu configurei meu manifesto para carregar todas as coisas no "document_end", mas vejo que não está sendo aplicado às folhas de estilo que é sempre carregado sempre que o DOM está pronto.

questionAnswers(5)

yourAnswerToTheQuestion