title: Filters and Gradient colors not getting applied simultaneously for button skin
body: <p>I have created a sample desktop app using Flex 4 in flash builder 4 wherein I am using a button inside BorderContainer.
  I have applied skin to button which includes Dropdownshadow,glow filter,bevel-filter and gradient colors.</p>
  
  <p>But I am facing a problem with use of filters and gradient fill simultaneously.
  When using filters gradient fill doesnt show up and vice-versa.
  Please let me know where I am making mistake.</p>
  
  <p>This is the main.mxml code:</p>
  
  <pre><code>&lt;s:BorderContainer backgroundColor="#003C7B" verticalCenter="0" horizontalCenter="0" height="350" width="450"&gt;
      &lt;s:Button id="btn" label="Select" color="white" verticalCenter="0"  skinClass="BlueButtonSkin" horizontalCenter="0"/&gt;
  &lt;/s:BorderContainer&gt;
  </code></pre>
  
  <p>The skin class code for filters and gradient fill is as follows:</p>
  
  <pre><code>&lt;s:Rect id="backgroundAndShadow" left="0" right="0" top="0" bottom="0" radiusX="5" radiusY="5"
          topLeftRadiusX="5" topLeftRadiusY="5" topRightRadiusX="5" topRightRadiusY="5"
          bottomLeftRadiusX="5" bottomLeftRadiusY="5" bottomRightRadiusX="5" bottomRightRadiusY="5"&gt;
      &lt;s:fill&gt;
          &lt;s:LinearGradient rotation="90"&gt;
              &lt;s:GradientEntry  color="#00366E"/&gt;
              &lt;s:GradientEntry color="#013A8B" /&gt;
          &lt;/s:LinearGradient&gt;
      &lt;/s:fill&gt;
      &lt;s:filters&gt;
          &lt;s:GlowFilter alpha="0.9"  color="#ffffff" inner="false"  knockout="true"  blurX="8" blurY="8" /&gt;
          &lt;s:BevelFilter angle="270" distance="5" /&gt;
      &lt;/s:filters&gt;
  &lt;/s:Rect&gt;
  
  &lt;s:RectangularDropShadow id="dropShadow" blurX="8" blurY="8" alpha="0.5" distance="5" tlRadius="5" trRadius="5" blRadius="5" brRadius="5"
                           angle="45" color="#000000" left="2" top="0" right="0" bottom="0"/&gt;
  &lt;s:Rect id="border" left="0" right="0" top="0" bottom="0" width="75" height="15" 
          topLeftRadiusX="5" topLeftRadiusY="5" topRightRadiusX="5" topRightRadiusY="5"
          bottomLeftRadiusX="5" bottomLeftRadiusY="5" bottomRightRadiusX="5" bottomRightRadiusY="5"&gt;
      &lt;s:stroke&gt;
          &lt;s:SolidColorStroke joints="bevel" caps="round" color="#84C2F2" weight="0.3" alpha="0.3"/&gt;
      &lt;/s:stroke&gt;
  &lt;/s:Rect&gt;
  
  
  &lt;s:Label id="labelDisplay"
           textAlign="center" 
           verticalAlign="middle" 
           maxDisplayedLines="2" 
           horizontalCenter="0" verticalCenter="0"
           left="10" right="10" top="2" bottom="2"&gt;
  &lt;/s:Label&gt;
  </code></pre>
  
  <p>Any suggestions on this?</p>
  
  <p>I am attaching the required look for button for reference:</p>
  
  <p><img src="https://i.stack.imgur.com/hbvEA.png" alt="Button image for Reference"></p>