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

在前面的 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">
7.     <mx:Style>
8.         @font-face {
9.             src: local("Base 02");
10.             fontFamily: Base02Embedded;
11.         }
13.         .errorTip {
14.             borderColor: haloOrange;
15.             color: black;
16.             fontFamily: Base02Embedded;
17.             fontSize: 16;
18.             fontWeight: normal;
19.         }
21.         TextInput {
22.             errorColor: haloOrange;
23.         }
24.     </mx:Style>
26.     <mx:TextInput id="textInput"
27.             errorString="Hey, you missed a spot!" />
29. </mx:Application>