May 23

Flex中通过设置borderColor样式和.errorTip CSS分离器改变错误信息提示背景颜色(background color)的例子

FlexAdd comments

在前面的Flex中如何通过errorString属性在CheckBox控件上设置一个错误信息显示字符串的例子中，我们了解了如何在Flex的CheckBox中设置一个Tip来显示提示/错误信息。接下来的例子中，演示了如何通过设置borderColor样式和.errorTip CSS分离器改变错误信息提示背景颜色(background color)。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         @font-face {
  9.             src: local("Base 02");
  10.             fontFamily: Base02Embedded;
  11.         }
  12.  
  13.         .errorTip {
  14.             borderColor: haloOrange;
  15.             color: black;
  16.             fontFamily: Base02Embedded;
  17.             fontSize: 16;
  18.             fontWeight: normal;
  19.         }
  20.  
  21.         TextInput {
  22.             errorColor: haloOrange;
  23.         }
  24.     </mx:Style>
  25.  
  26.     <mx:TextInput id="textInput"
  27.             errorString="Hey, you missed a spot!" />
  28.  
  29. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , , , ,

Related Post

Leave a Reply