Flex中如何改变TextInput输入框得到焦点时边框颜色的例子
2009-11-11 13:52
976 查看
接下来的例子演示了Flex中如何通过设置
themeColor属性,改变TextInput输入框得到焦点时边框的颜色。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码
):
Download: main.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ import mx.events.DropdownEvent; import mx.events.ColorPickerEvent; private function colorPicker_change(evt:ColorPickerEvent):void { textInput.setStyle("themeColor", evt.color); } private function colorPicker_close(evt:DropdownEvent):void { focusManager.setFocus(textInput); } ]]> </mx:Script> <mx:ApplicationControlBar dock="true"> <mx:Form styleName="plain"> <mx:FormItem label="themeColor:"> <mx:ColorPicker id="colorPicker" change="colorPicker_change(event);" close="colorPicker_close(event);" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:TextInput id="textInput" /> </mx:Application>
相关文章推荐
- 改变TextInput输入框得到焦点时边框的颜色
- 实现输入框得到焦点时边框颜色改变失去焦点时输入框变回原来的颜色
- Flex中如何通过lineStroke样式改变LineChart图表线条颜色的例子
- 如何改变<input type=”text" >输入框内的值
- 如何改变input的type=text的背景颜色
- Flex Gumbo中如何通过contentBackgroundColor样式,设置TextInput内文本背景颜色
- Flex中如何通过borderColor样式设置DateField控件边框颜色的例子
- [置顶] css实现input获得焦点时label向上移动并且输入框下边框样式改变
- Flex中如何利用focusIn和focusOut事件对表单中获得焦点的项目进行颜色高亮(highlight)显示的例子
- Flex中如何设置进度条(ProgressBar)边框颜色的例子
- [置顶] css实现input获得焦点时label向上移动并且输入框下边框样式改变
- 如何改变<input type=”text" >输入框内的值
- 如何改变<input type=”text" >输入框内的值
- Flex中如何通过设置backgroundColor和backgroundAlpha改变DateChooser控件背景颜色的例子
- QML改变TextInput或者其它输入框光标颜色
- Flex中如何用backgroundDisabledColor样式,自定义TextInput控件在无效状态下填充颜色
- Android EditText获得焦点时边框颜色改变
- 输入框获得焦点时外边框颜色改变
- Flex中如何利用FocusManager类的setFocus函数,设置TextInput的焦点
- Flex中如何利用FocusManager类的setFocus函数,设置TextInput的焦点