Styling the Alert control’s nested buttons

The following example shows how you can customize the appearance of the buttons in an Alert control in Flex by setting the <code>buttonStyleName</code> style

&lt;?xml version="1.0" encoding="utf-8"?&gt;

&lt;!-- http://blog.flexexamples.com/2008/01/03/styling-the-alert-controls-nested-buttons/ --&gt;

&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

        layout="vertical"

        verticalAlign="middle"

        backgroundColor="white"

        creationComplete="init();"&gt;

    &lt;mx:Style&gt;

        @font-face {

            src: local("Comic Sans MS");

            fontFamily: myComicSansMS;

            fontWeight: normal;

        }

        Alert {

            buttonStyleName: myCustomButtonStyleName;

        .myCustomButtonStyleName {

            color: red;

            cornerRadius: 12;

            fontSize: 10;

            textDecoration: underline;

            themeColor: red;

    &lt;/mx:Style&gt;

    &lt;mx:Script&gt;

        &lt;![CDATA[

            import mx.controls.Alert;

            private var alert:Alert;

            private function init():void {

                var myMessage:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\nDonec tincidunt sollicitudin sem.";

                var myTitle:String = "The quick brown fox jumped over the lazy dog";

                alert = Alert.show(myMessage, myTitle);

            }

        ]]&gt;

    &lt;/mx:Script&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;

        &lt;mx:Button label="Launch alert" click="init();" /&gt;

    &lt;/mx:ApplicationControlBar&gt;

&lt;/mx:Application&gt;

    本文转自 OldHawk  博客园博客，原文链接：http://www.cnblogs.com/taobataoma/archive/2008/01/11/1034727.html，如需转载请自行联系原作者