Question

I’m having troubles removing the styles from my span in Chrome. It can have a bunch of different styles possibly applied to it so I need to just remove it whoesale. Here is an example of the problem,

jsfiddle *requires chrome

The removeAttr('style') doesn’t seem to be removing the style tag. When you open the debug bar though and highlight the span, it starts working perfectly.

Does anyone know why the style is not being removed and how to remove it?

Answer 1

I decided to try one thing. Changing the JQuery version to 1.5.2 and it works fine in chrome. So, it appears it is a bug in the latest version of JQuery. I suggest you just use the 1.5.2 if you can get away with it or advise Chrome users to change browsers. You can also do this:

 } else {
   $('#s').attr('style');
   $('#s').removeAttr('style');    
 }

instead of this:

 } else {
   $('#s').removeAttr('style');    
  }

for a little bug-fix/hack.

http://jsfiddle.net/pjabT/7/