Workaround for CSS reset overwriting deprecated HTML attributes (e.g. align, bgcolor)?

I have a website that gets updated through a WYSIWYG editor by people with very little HTML knowledge. The WYSIWYG exports table-based structure with old deprecated tags like "align" and "bgcolor" onto a site that is CSS driven so these attributes get overwritten.

For example, a black background开发者_如何转开发 is applied to a table in the WYSIWYG editor but once it goes live on the site, the background defaults back to none (default) because of the site's CSS reset.

Is there a way to account for these old tags the CSS is overwriting that I might not be seeing without getting rid of the reset CSS, creating additional CSS markup or upgrading the WYSIWYG tool?

---

Ideally, you shouldn't be using a WYSIWYG editor which generates table-based layouts and deprecated attributes — it's just bad semantics.

I'd suggest upgrading to a better editor, such as TinyMCE, since there's no way you can make attribute styling override your CSS rules.

---

You could use JavaScript to replace the bum-attributes with RegEx?

replace() - http://www.w3schools.com/jsref/jsref_replace.asp

RegEx - http://www.regular-expressions.info/tutorial.html

---

No. CSS explicitly overrides any presentational markup in the document.

---

You'll have to do some work to get it going,

The best option IMO is to style the classes for these elements in CSS and allow them to be overridden.