Flex：如何设置边框宽度？答案

【问题标题】：Flex: How to set border-width?Flex：如何设置边框宽度？
【发布时间】：2014-07-16 05:41:58
【问题描述】：

在 Flex 4 中，我有一个我想通过 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;

}

【问题讨论】：

你不能在那里使用 BorderContainer 有什么原因吗？如果您使用的是 Spark 主题，那么边框厚度似乎不是 Canvas 支持的样式。
看起来这将是要走的路。感谢您的帮助艾米。非常感谢。
stackoverflow.com/questions/3338957/…

标签： apache-flex

【解决方案1】：

你试过border-thickness:5;吗？

【讨论】：

我在使用border-thickness:5时得到同样的结果；谢谢你的建议...
@steven 你也试过border-thickness:5px; 吗？
是的。如果我使用边框厚度：5px；我根本没有边界。
@steven 啊，好吧。只是一个猜测。我没有遇到过这个问题。

【解决方案2】：

我相信你的 CSS 是错误的。 id="login_panel" 在你的 mxml 中应该是 styleName="login_panel"。那么在你的css中#login_panel应该是.login_panel。

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

【讨论】：

Flex 4 CSS 规则 - 标识符 :: cookbooks.adobe.com/…
我认为我不应该对此投反对票。两种语法都有效，请参阅链接中的“全局选择”。
两种语法都有效，但是你告诉 OP 他的错误。
很公平。那你应该这么说。

【解决方案3】：

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

【讨论】：