Flex:如何设置边框宽度?

时间:2011-08-17 16:16:08

标签: flex

在Flex 4中,我有一个画布,我想在via css上设置边框宽度。我可以设置边框颜色和边框样式,但无论如何,边框宽度都保持1像素宽。

<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">
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Style source="global.css" />

<mx:Canvas id="login_panel" width="300" height="200">
    <s:Label text="hi there"/>
</mx:Canvas>

global.css:

#login_panel {
border-weight:5px;
border-color:#00ff00;
border-style:solid;

}

3 个答案:

答案 0 :(得分:1)

你试过border-thickness:5;吗?

答案 1 :(得分:0)

我相信你的CSS错了。您的mxml中id="login_panel"应为styleName="login_panel"。然后在你的css中#login_panel应为.login_panel

除此之外,您使用的是Flex 4,因此您应该使用BorderContainer而不是Canvas。

答案 2 :(得分:0)

您是否尝试过CSS属性 border-width

查看此网页了解更多信息:

http://www.w3schools.com/cssref/pr_border-width.asp