title: Flex: How to set border-width?
body: <p>In Flex 4, I have a canvas that I'd like to set border-width on via css. I can set the border color and border style, but the border width remains 1 pixel wide no matter what.</p>
  
  <pre><code>&lt;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/mx" minWidth="955" minHeight="600"&gt;
  &lt;fx:Declarations&gt;
      &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
  &lt;/fx:Declarations&gt;
  &lt;fx:Style source="global.css" /&gt;
  
  &lt;mx:Canvas id="login_panel" width="300" height="200"&gt;
      &lt;s:Label text="hi there"/&gt;
  &lt;/mx:Canvas&gt;
  </code></pre>
  
  <p></p>
  
  <p>global.css: </p>
  
  <pre><code>#login_panel {
  border-weight:5px;
  border-color:#00ff00;
  border-style:solid;
  </code></pre>
  
  <p>}</p>