Using skins with the TextArea

1. Create a new Flash file.
2. Drag a TextArea component to the stage and double-click it to open its panel of skin icons.
3. Double-click the Focus Rect Skin.
4. Click the border of the Focus Rect Skin to select it. When it's selected its current color appears in the Fill color picker in the Property inspector.
5. Click the Fill color picker in the Property inspector to open it and select color #CC0000 to apply it to the border.
6. Click the Back button at the left side of the edit bar above the Stage to return to document-editing mode.
7. Double-click the TextArea component to open its panel of skin icons.
8. Double-click the Normal skin.
9. Select each edge of the Normal skin's border, one at a time, and set its color to #990099.
10. Click the Back button at the left side of the edit bar above the Stage to return to document-editing mode.
11. Select Control > Test Movie.

When you select the TextArea to begin entering text, its border should appear as shown in the following illustration:

The outer border is the Focus Rect skin and the inner border is the border of the Normal skin.