Question

I am doing a code that do some js injection of code in page, with JQuery. But in my input that i get in some pages modify it, I am putting all important attributes and define them as !important, but it’s impossible to put all the attributes in all the tags.

Someone know how to disable all other css inside a div?

Solution I think:
I found a solution but i don’t want to use it. Its eliminate al css from the page, while i am injecting the code after using that code I eliminate my css and code and apply the original code from the webpage

Thanks

Answer 1

If you override everything it will work with normal CSS rules on every page. Not what you were hoping for, but it is a solution.

css:

#myInsertDiv { 
    color: blue;
    padding: 0;
    margin: 0;
    background: white;
    border: 0px;
    /* etc you have to restyle EVERY possible value */
}

html:
<div id="myInsertDiv"></div>

The main issue is you have to style every attribute, and reset everything else to a default value.

Or you can insert all the style information into the style attribute on the div, but that is probably doing it wrong too.