解决在CSS在Flex：按钮在RichTextEditor仅?

StackOverflow https://stackoverflow.com/questions/500366

  •  20-08-2019
  •  | 
  •  

题

我想改变这个字体特性的用于按钮在工具条的RichTextEditor，但我想他们是不同于其他按钮在我的应用程序。 是否有任何方法来做到这只是CSS? 我知道我可以做到这一setStyle如果有必要...

有帮助吗？

解决方案

做到这一点的方法之一，因为RichTextEditor的子部件都宣布单，因此可公开访问的，是分配给他们的 styleName 性能单独在运行时(后的容器 creationComplete 事件火灾，以确保编辑及其所有的儿童已经创建)，像这样：

<mx:Style>

    .myRTECombo
    {
        color: #FF0000;
    }

</mx:Style>

<mx:Script>
    <![CDATA[

        private function creationCompleteHandler(event:Event):void
        {
            rte.fontFamilyCombo.styleName = "myRTECombo";
            rte.fontSizeCombo.styleName = "myRTECombo";
        }

    ]]>
</mx:Script>

<mx:RichTextEditor id="rte" />

Flex的文档不要叫出来的子组件("boldButton","fontSizeCombo",et al)通过标识，但该构成部分的来源是可观的，所以你应该能够得到所有你需要的信息，从源代码本身。因为我用FlexBuilder，我通常使用日食Ctrl+点快捷方式，标记/类的名称，跳到相关类的定义文件，但你还可以打开的源文件直接在[何：选择要]/sdk/[本]/frameworks/src/mx/RichTextEditor.单看看自己。

我敢肯定还有其他办法(setStyle 被一个，尽管其明确的使用一般不执行的原因)，但是这应该为你工作。有一点要注意，虽然，因为你会看到当你挖成的部件的来源，是许多按钮在默认设定的按钮实际使用的Png(例如， icon_style_bold.png)，而不是文本，这就是为什么我的例子包括参照组合框相反，所以你可以看到如何颜色的变化；如果你想改变一下按钮时，应注意他们使用的设置样式 icon 酒店,不是字体风格的设置，他们的外观和感觉。

希望它能帮助!

其他提示

谢谢@基督教Nunciato!这是我最后代，在我的组成，是一个RichTextEditor(延伸)。在creationComplete，我叫这个

private function setUpStyleNames():void {
    setUpStyleNamesInner(toolbar.getChildren());
    setUpStyleNamesInner(toolBar2.getChildren());
}

private function setUpStyleNamesInner(children:Array):void {
    for each (var child:DisplayObject in children) {
        if (child is UIComponent) {
            UIComponent(child).styleName = "rteInnards";
        }
    }
}

然后在我的样式表，我有这个

.rteInnards {
    color: #FF0000;
    fontSize: 25px;
}

真棒。再次感谢!

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top