title: how do I disable selection & rollover colors in a list?
body: <p>How do I disable the rollover, selection &amp; focus colors in a list? I tried setting them to "{null}" but that just makes them black:</p>
  
  <pre><code>&lt;s:Application 
  xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark"
  width="100%" height="100%"
  backgroundColor="white" 
  &gt;
  
  &lt;fx:Declarations&gt;
      &lt;s:ArrayCollection id="myArray"&gt;
          &lt;fx:String&gt;Item 0&lt;/fx:String&gt;
          &lt;fx:String&gt;Item 1&lt;/fx:String&gt;
          &lt;fx:String&gt;Item 2&lt;/fx:String&gt;
          &lt;fx:String&gt;Item 3&lt;/fx:String&gt;
          &lt;fx:String&gt;Item 4&lt;/fx:String&gt;
      &lt;/s:ArrayCollection&gt;
  &lt;/fx:Declarations&gt;
  
  &lt;s:VGroup horizontalAlign="center"&gt;
  
      &lt;s:List dataProvider="{myArray}" width="200" height="200"
               focusColor="{null}" selectionColor="{null}"
               rollOverColor="{null}"
              &gt;
          &lt;s:itemRenderer&gt;
              &lt;fx:Component&gt;
                  &lt;s:ItemRenderer&gt;
                      &lt;s:states&gt;
                          &lt;s:State name="normal"  /&gt;
                          &lt;s:State name="hovered" /&gt;
                          &lt;s:State name="selected" /&gt;
                      &lt;/s:states&gt;
  
  
  
                      &lt;s:Label text="{data}" width="100%" left="5" top="7" bottom="5" /&gt;
                  &lt;/s:ItemRenderer&gt;
              &lt;/fx:Component&gt;
          &lt;/s:itemRenderer&gt;
      &lt;/s:List&gt;
  
  &lt;/s:VGroup&gt;
  &lt;/s:Application&gt;
  </code></pre>