Flex 3 - 自定义蒙皮按钮中的阴影答案

【问题标题】：Flex 3 - Shadow in custom skinned buttonFlex 3 - 自定义蒙皮按钮中的阴影
【发布时间】：2011-12-30 08:06:26
【问题描述】：

我很难在按钮控件中移除某种类型的阴影。

这是按钮：

给我带来麻烦的按钮是“缩放器”按钮。如您所见，边界不是直的。我假设从默认皮肤继承了某种渐变/阴影或某物。

在翻转时，会出现同样的问题，但不太明显：

我正在使用 css 对其进行皮肤处理。
这是按钮的声明：

<mx:Button id="zoomButton" 
           paddingLeft="7" paddingRight="7"
           height="24" textAlign="center" fontSize="10"
           buttonMode="true"
           styleName="intZoomButtonStyle"
           icon="{Assets.MISC_ZOOM_ICON_SMALL}"/>

这是css：

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    shadow-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;
}

有人可以帮我解决这个问题吗？

谢谢:)

【问题讨论】：

标签： apache-flex button shadow skin

【解决方案1】：

我认为这可能会帮助您Style Explorer 进行进一步验证

~~~~~~~~编码愉快~~~~~~~~~~

【讨论】：

感谢您的回答...但如果您注意到，阴影仍然存在 =_=

【解决方案2】：

我终于使用了一个图像来为按钮设置皮肤。这就是 CSS 的外观：

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;

    up-skin: Embed("assets/miscellaneous/blank.jpg");
    down-skin: Embed("assets/miscellaneous/blank.jpg");
    over-skin: Embed("assets/miscellaneous/blank.jpg");
}

blank.jpg 只是一个白色的正方形图像。

瞧！
使用简单的 css 无法做到这一点仍然让我感到困扰，但好吧，发现某事可行......

【讨论】：