Set new class selectors on different targets

         
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="initApp()">
    <mx:Script>
        import mx.styles.StyleManager;
        private var myButtonStyle:CSSStyleDeclaration = new CSSStyleDeclaration('myButtonStyle');
        private var myLabelStyle:CSSStyleDeclaration =  new CSSStyleDeclaration('myLabelStyle');
        private var myTextAreaStyle:CSSStyleDeclaration =   new CSSStyleDeclaration('myTextAreaStyle');
        private function initApp():void {
            myButtonStyle.setStyle('color', 'blue');
            myLabelStyle.setStyle('color', 'blue');
            myTextAreaStyle.setStyle('color', 'blue');

            StyleManager.setStyleDeclaration("Button", myButtonStyle, false);
            StyleManager.setStyleDeclaration("Label", myLabelStyle, false);
            StyleManager.setStyleDeclaration("TextArea", myTextAreaStyle, true);
        }
      </mx:Script>
    <mx:Button id="myButton" label="Click Me"/>
    <mx:Label id="myLabel" text="This is a label" />
    <mx:TextArea id="myTextArea" text="This is a TextArea" />
</mx:Application>

Related examples in the same category

1.	Applying behaviors in MXML using styles type selector
2.	Class selector names must start with a period when using getStyleDeclaration()
3.	Using compound selectors
4.	Selector precedence between style name and style name with namespace
5.	Define a class and a type selector in the tag:
6.	Define textDecoration, a noninheriting property, to the global selector
7.	Use getStyleDeclaration() to apply the styles with the global selector
8.	Define a class selector and a type selector in the tag
9.	Using class selectors for axis styles
10.	Defines colors for each of the series by setting the value of the fill style property in the custom class selectors:
11.	Define a class selector
12.	Style class selector on different targets
13.	Define multiple style properties in each selector by separating each property with a semicolon
14.	Type Selector Inheritance
15.	Class selector names must start with a period when you access them with the getStyleDeclaration() method
16.	Compound Selectors
17.	An id selector
18.	Four selectors
19.	SubComponent Styles Selector
20.	A class and a type selector in the tag:
21.	Global Type Selector
22.	Use getStyleDeclaration() method to apply the styles with the global selector example shows

Set new class selectors on different targets : CSS Selector « Style « Flex

Related examples in the same category