bindable styles in ColorTransform

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">

<fx:Metadata>
[HostComponent("spark.components.Button")]
</fx:Metadata>

<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />
</s:states>

<s:BitmapImage
source="@Embed('icon.png')"
>
<s:transform>
<s:Transform>
<s:ColorTransform
color="

{getStyle('myColor')}"
color.over="{getStyle('myColorOver)}"
/>
</s:Transform>
</s:transform>
</s:BitmapImage>

</s:Skin>

current code working, but for default state
color="{getStyle('myColor')}

"
it show black color