Matt Matt - 7 months ago 26
CSS Question

How can I erase all inline styles with javascript and leave only the styles specified in the css style sheet?

If I have the following in my html:

<div style="height:300px; width:300px; background-color:#ffffff;"></div>

And this in my css style sheet:

div {

Is there any way, with javascript/jquery, to remove all of the inline styles and leave only the styles specified by the css style sheet?


$('div').attr('style', '');


$('div').removeAttr('style'); (From Andres's Answer)

To make this a little smaller, try this:


This should speed it up a little because it checks that the divs have the style attribute.

Either way, this might take a little while to process if you have a large amount of divs, so you might want to consider other methods than javascript.