Question

我正在使用 flex-mobile 。

我在Views文件的同一文件夹中创建了一个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按钮的HTML CSS样式。它们是两种截然不同的开发方法，无法共享CSS样式。

查看Flex Button上可用的样式作为参考和更多详细信息。

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

text-shadow不是有效的样式。我不确定你是如何在文字中使用阴影的。

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

border-radius ,, -moz-border-radius和-webkit-border-radius不是有效样式，但您可以尝试cornerRadius。

颜色样式应该有效，尽管根据文档颜色适用于按钮中的文本;不是实际的按钮。我相信您可以使用chromeColor更改按钮的颜色。

font-weight应为fontWeight。

我的结论是你的风格正在应用;但是Flex按钮无法识别您尝试应用的样式。

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

1 个答案: