Flex 3 - 自定义皮肤按钮中的阴影

问题描述:

我很难在按钮控件中删除某种类型的阴影。Flex 3 - 自定义皮肤按钮中的阴影

这里的按钮:
enter image description here

多数民众赞成给我的麻烦是“求变”一个按钮。正如你所看到的,边界不是直的。我假设有某种渐变/阴影或者是从默认外观继承的。

在侧翻,同样的问题会出现,但它是一个有点不太显眼:
enter image description here

我使用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; 
} 

谁能帮我在这一个?

谢谢:)

我终于使用了一个图像来蒙皮按钮。这是怎样的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是一个简单的白色方形图像。

和voilà!
它仍然困扰我不能做到这一点,使用一个简单的CSS,但很好,发现......有用...

我想这可能会帮助你Style Explorer为进一步验证

~~~~~~~~快乐编码~~~~~~~~~~

+0

谢谢你的答案......但如果你注意到,影子仍然存在= _ = –