Flex 2 Developer's Guide > Customizing the User Interface > Using Styles and Themes > About styles > Setting global styles

Setting global styles

Most text and color styles, such as fontSize and color, are inheritable. When you apply an inheritable style to a container, all the children of that container inherit the value of that style property. If you set the color of a Panel container to green, all buttons in the Panel container are also green, unless those buttons override that color.

Many styles, however, are not inheritable. If you apply them to a parent container, only the container uses that style. Children of that container do not use the values of noninheritable styles.

By using global styles, you can apply noninheritable styles to all controls that do not explicitly override that style. Flex provides the following ways to apply styles globally:

• StyleManager global style
• CSS global selector

The StyleManager lets you apply styles to all controls using the global style. For more information on using the StyleManager class, see Using the StyleManager class.

You can also apply global styles using the global selector in your CSS style definitions. These are located either in external CSS style sheets or in an <mx:Style> tag. For more information, see Using the global selector.

Flex 2.01