Changing the background color of an error tip in Flex 3

The following example shows how you can change the background color of a Flex error tip by setting the borderColor style on the .errorTip CSS selector.

<?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>
        @font-face {
            src:   local("Base 02");
              fontFamily: Base02Embedded;
            }

            .errorTip {
            borderColor: haloOrange;
                color: black;
            fontFamily: Base02Embedded;
            fontSize: 16;
              fontWeight: normal;
        }

          TextInput   {
            errorColor:       haloOrange;
          }
    </mx:Style>

      <mx:TextInput   id="textInput"
                errorString="Hey, you     missed   a spot!" />

</mx:Application>

Incoming search terms: