Flex中通过CSS设置ComboBox控件下拉菜单阴影的例子

By Minidxer | July 23, 2008

接下来的例子演示了Flex中如何通过CSS设置ComboBox控件下拉菜单阴影，Demo中设置了3个像素的阴影，边角为5。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
<mx:Style>
.myComboBoxDropdown {
dropShadowEnabled: true;
shadowDistance: 3;
shadowDirection: "right";
cornerRadius: 5;
}
</mx:Style>
<mx:ComboBox dropdownStyleName="myComboBoxDropdown">
<mx:dataProvider>
<mx:String>one</mx:String>
<mx:String>two</mx:String>
<mx:String>three</mx:String>
<mx:String>four</mx:String>
<mx:String>five</mx:String>
</mx:dataProvider>
</mx:ComboBox>
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | Tags: ComboBox, css, dropdownStyleName, 下拉菜单, 阴影

One comment | Add One

中文Flex例子