Como alterar a cor de fundo de um TextInput ao clicar em um botão

<?xml version="1.0" encoding="iso-8859-1"?>

<!--
  Este exemplo mostra como alterar a cor de fundo
  de um TextInput ao clicar em um botão.
-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Panel id="painel" title="Estudos" status="Active" 
     height="300" width="200" paddingTop="10" 
     paddingLeft="10" paddingRight="10" 
     paddingBottom="10">

     <mx:TextInput id="texto"/>
     <mx:Button label="Alterar Cor de Fundo" 
       click="colorir();"/>

  </mx:Panel>

  <mx:Script>
    <![CDATA[
      import mx.controls.Alert;      

      private function colorir():void{
        texto.setStyle("backgroundColor", "#E6E6FA");
      }
    ]]>
  </mx:Script>

</mx:Application>