title: How to set button color with changing font family styles in draft.js
body: <p>I have Editor like this with three buttons and text area,
  How can i set button <code>bg color: grey</code> with changing font text styles,</p>
  <pre><code>&lt;Col&gt;
      &lt;span className = &quot;&quot;&gt;&lt;/span&gt;
      &lt;div&gt;
      &lt;button onMouseDown = { e =&gt; { _onUnderlineClick(e) } }&gt;U&lt;/button&gt;
      &lt;button onMouseDown = { e =&gt; { _onBoldClick(e)} }&gt;B&lt;/button&gt;
      &lt;button onMouseDown = { e =&gt; { _onItalicClick(e)} }&gt;&lt;em&gt;I&lt;/em&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;Editor editorState={editorState}
          onChange={onEnterText} handleBeforeInput={handleBeforeInput} handlePastedText={handlePastedText} handleKeyCommand={handleKeyCommand} keyBindingFn={keyBindingFn}
          readOnly = {e}
      /&gt;
  &lt;/Col&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/rN3mU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rN3mU.png" alt="DraftJS" /></a></p>
  <p>button color must chnage while clicking on button, as well as with backspace when draftJS text style get changed dynamically, wthat time as well</p>