title: Set Flex MX Button background color using CSS
body: <p>Using CSS, how do I set the background color of a Flex MX Button? My button is declared as:</p>
  
  <pre><code>&lt;mx:Button label="My Button"/&gt;
  </code></pre>
  
  <p>And the CSS is:</p>
  
  <pre><code>@namespace mx "library://ns.adobe.com/flex/mx";
  
  mx|Button {
      color: #66ffff;
      backgroundColor: #333333;
  }
  </code></pre>
  
  <p><code>backgroundColor</code> doesn't seem to be the correct CSS property for MX Button's background color. Looking at the <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/Button.html" rel="nofollow">Flex API docs</a>, I tried <code>fillColors</code> but that didn't do anything.</p>
  
  <p>Is it possible to change <code>mx.controls.Button</code>'s background color using CSS?</p>