How-To: Override Inline Styles from the Stylesheet

[app103]

If you have ever used a 3rd party offsite script in which something like a widget was inserted into your pages, and had no control over the inline styles it included and thought there was no way to fix it so it looked right on your pages, changing margins & padding, changing fonts or colors, backgrounds, etc., then read this. The answer is here.

You CAN force it to use YOUR styles and not the inline ones inserted by the script. And it's all done with your CSS.

You read that right. I said override inline styles, and no, I have not been drinking. For the longest time it has bugged me that there was no way to override what someone else had done with inline styles. I understand they’re supposed to be the override, and I get why, to a certain extent, but I also think there should be an override to certain overrides when those overrides are abused. Make sense?

http://nataliejost.com/override-inline-styles-from-the-stylesheet/

[raybeere]

Hey, thanks! That looks pretty useful. Something I've wanted to figure out how to do for a long time, at least.