ansaurus

Question

How to reset the style properties to their CSS defaults in javascript?

Answer 1

+1 A:

Try setting the attributes to null:

 obj.style.color = null;

Pointy 2010-08-17 19:15:18

Answer 2

+1 A:

If recollection serves, obj.style.color="" should work... I don't know if it's right though.

LeguRi 2010-08-17 19:15:56

I think that only resets styles set via JavaScript. But in this case, the original style is inline.

casablanca 2010-08-17 19:19:02

It works, and it is right, although since the style is added in markup, you might want to do `obj.removeAttribute('style')` as well for good measure.

MooGoo 2010-08-17 19:20:16

@casablanca well it sure does work in Firefox, regardless of where the on-element style was set.

Pointy 2010-08-17 19:20:25

You're right, I just tested it and it works. It seems inline styles make their way into `obj.style` so you *can* reset them by emptying the string, but not those declared in a stylesheet.

casablanca 2010-08-17 19:32:13

Thx for the quick answer. It works on Firefox. I hope it works on the other browsers too. I have only Ubuntu now and there is Firefox only.

Calmarius 2010-08-17 19:53:27

@Calmarius - again, I don't know if this is _right_ - maybe it violates some standard or something. _I highly recommend you check it in other browsers_.

LeguRi 2010-08-17 19:57:14

@MooGoo - I think removing the whole style attribute could be drastic. What if there are other properties they don't want to reset/remove?

LeguRi 2010-08-17 19:58:13

I understand "restore default style" to mean the style of the element sans any inline attributes. If you are talking about individual style rules, then no you would not want to remove the whole style attribute.

MooGoo 2010-08-17 21:57:27

ansaurus

tags:

views:

answers:

How to reset the style properties to their CSS defaults in javascript?

related questions