css - 为什么 CSS 没有应用 flex-mobile 字段？

Question

我正在使用 flex-mobile。

我在我的 View 文件的同一文件夹中创建了一个 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 应用于我的 View :

<?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

看起来您正在尝试将 HTML CSS 样式与 Flex 按钮一起使用。它们是两种截然不同的开发方法，CSS 样式无法共享。

查找 Flex 上可用的样式 Button作为引用和了解更多详情。

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

text-shadow 不是有效的样式。我不确定您如何为文本应用阴影。

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

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

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

字体粗细应该是fontWeight .

我的结论是您的样式正在被应用；但是 Flex 按钮无法识别您尝试应用的样式。