Setting a global font-weight bold screwes up the bootstrap wysiwyg plugin

Question

I've set bootstrap wysiwyg inside a popover. Here's the DEMO. Now if I add this:

* { font-weight: bold; }
#editor { font-weight: normal; }

It screwes up the bold directive entirely. Check it out. I tried #editor *, .popover * and other variations but nothing helps. Any ideas?

Answer 1

My current solution for this is instead of this:

* { font-weight: bold; }

to do this:

html { font-weight: bold; }

It might require me some extra work down the road, but it solves my problem.

DEMO