为什么CSS不应用于flex-mobile字段？

Question

我正在使用flex-mobile。

我在视图文件的同一个文件夹中创建了一个CSS文件：

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";

s|Button {
    height: 25px;
    width: 120px;
    text-shadow: 3px 3px 3px #FFF;
    font-weight:bold;
    color:#000;
    border:1px solid #bbbbbb;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

然后，我将CSS应用到视图中：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" title="Accueil" creationComplete="creationCompleteHandler(event)" 
        >
    <fx:Style source="style.css" />
        ...
        <s:HGroup>
            <s:Button id="go" label="Continuer" click="navigator.pushView(MyNewView)"/>
            <s:Button id="quit" label="Quitter" click="quitter(event)"/>
        </s:HGroup> ...

问题是在运行时不应用CSS！那么，如何使CSS被应用呢？

Answer 1

看起来您正在尝试使用带有Flex Button的HTML样式。它们是两种非常不同的开发方法，CSS样式不能共享。

查找Flex 按钮上可用的样式作为参考，并获取更多细节。

但是，简单地说，高度和宽度是属性，而不是样式。它们不能用CSS设置。

文本阴影不是有效的样式。我不知道你会如何在文本上加上阴影。

边框不是有效的样式。更改按钮边框的正确方法是使用自定义按钮皮肤。

边框-半径，-moz-边框-半径，和-webkit-边框-半径是无效的样式，但您可以尝试cornerRadius。

颜色样式应该可以工作，尽管颜色根据文档应用于按钮中的文本，而不是实际的按钮。我相信你可以用chromeColor来改变按钮的颜色。

字体的重量应该是fontWeight.

我的结论是，您的样式正在应用；但是，Flex按钮不识别您要应用的样式。