<?xml version="1.0" encoding="utf-8"?>
<!---
Style Sample (Pseudo Selector)
pseudo - 疑似的
-->
<s:Application
    xmlns:fx      = "http://ns.adobe.com/mxml/2009"
    xmlns:s       = "library://ns.adobe.com/flex/spark"
    xmlns:mx      = "library://ns.adobe.com/flex/halo"
    minWidth      = "1024"
    minHeight     = "768"
    viewSourceURL = "srcview/index.html"
>

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        s|Button:up       { color : #000000; font-size : 40; }
        s|Button:over     { color : #ff0000; font-size : 40; }
        s|Button:down     { color : #00ff00; font-size : 40; }
        s|Button:disabled { color : #0000ff; font-size : 40; }
    </fx:Style>

    <s:layout>
        <s:VerticalLayout horizontalAlign="center" />
    </s:layout>

    <s:Button id="hoge" label="hoge" width="300" height="100" />

    <mx:Button
        width    = "300"
        height   = "30"
        fontSize = "14"
        label    = "hoge Button enabled / disabled"
        click    = "hoge.enabled = !hoge.enabled"
     />

</s:Application>