Using skins with the TextInput

The TextInput component uses the following skins, which you can edit to change its appearance:

The following procedure changes the border and background colors of a TextInput component:

Create a new Flash file.
Drag a TextInput component to the Stage and double-click it to open its panel of skins.
Double-click the Normal skin.
Set the zoom control to 800% to enlarge the icon for editing.
Select each edge of the Normal skin's border, one at a time, and set its color to #993399 to apply it.
Double-click the background until its color appears in the Fill color picker in the Property inspector. Select color #99CCCC to apply it to the background.
Click the Back button at the left side of the edit bar above the Stage to return to document-editing mode.
Select Control > Test Movie.

The TextInput component should appear as shown in the following illustration:

TextInput component with changed border and background colors.