Global Styles set with * override local element.styles

[bradenwatkins]

Current behaviour

Going against the intuition of css specificity, a global font style set by the user of react-simple-code-editor can override the local element.style attribute. This is most noticeable when the global font overrides the 'monospace' styling of the textarea.

Expected behaviour

Global font styles should not override the local font styles

Code sample

https://codesandbox.io/s/boring-fermat-r04c4

Screenshots (if applicable)

What have you tried

• Setting styles on the components given to the end user to override specificity

Your Environment

software	version
react-simple-code-editor	0.10.0
react	16.12.0