css - FLEX - 是否可以将默认表单项标签字体粗细从粗体覆盖为正常？

Question

我正在尝试取消加粗表单项中的标签。如您所见，标签以编程方式对颜色更改做出反应，但不受 fontWeight 属性更改的影响。有人有建议吗？

谢谢你。

<?xml version="1.0" encoding="utf-8"?>
<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">

        <fx:Style>
            @namespace mx "library://ns.adobe.com/flex/mx";
            @namespace s "library://ns.adobe.com/flex/spark";
            global {
                font-family: Verdana;
                fontWeight: normal;
            }

            s|Label#labelDisplay {
                color: red;
                fontWeight:normal;
            }
        </fx:Style>

    <s:Form>
        <s:FormItem label="Please enter a string:" fontWeight="normal">
            <s:TextInput/>
        </s:FormItem>
    </s:Form>
</s:Application>

Answer 1

尝试直接在FormItem的 labelDisplay Skin Part 上设置 fontWeight 样式。您可能必须在 ActionScript 中执行此操作。尝试这样的事情：

<s:FormItem id="stringLabel" label="Please enter a string:" creationComplete="{stringLabel.labelDisplay.setStyle('fontWeight','normal'}" >

因为 FormItem 只是一个 SkinnableContainer；我对 fontWeight 没有影响并不感到惊讶。然而，令人沮丧的是，这种风格并没有传递给标签 child。