title: How to alter TabBar tab background color in custom TabNavigator component
body: <p>I'm creating a custom <code>TabNavigator</code> component to be used in other applications.  Right now though, the background of the tabs will not change (although other style changes do apply).</p>
  
  <p>in my <code>CustomTabNavigator</code> class, I have this override:</p>
  
  <pre><code>override protected function updateDisplayList (w:Number, h:Number):void {
      super.updateDisplaylist(w,h);
  
      tabBar.styleName="CustomTabBarStyle";
  }
  </code></pre>
  
  <p>And here is the css in the <code>&lt;style&gt;</code> declaration:</p>
  
  <pre><code>.CustomTabBarStyle {
      tabHeight:100;
      tabWidth:100;
      tabStyleName: "CustomTab";
      backgroundColor: #FFFFFF;
  }
  
  .CustomTab {
      backgroundColor: #FFFFFF;
      color: haloBlue;
  }
  </code></pre>
  
  <p>The haloBlue color of the text is applied, as well as the tabHeight and tabWidth.  The background color isn't changed though.  I've been through about 5 tutorials trying different things, to no avail... is there a way to do this within a custom component?  All I'm trying to do is get rid of the gradient background in place of a flat white background.</p>