2013-12-16 19 views
0

我正在與flex-mobile合作。爲什麼不使用flex-mobile字段應用CSS?

我創造了我的意見的文件相同的文件夾中的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應用?

回答

2

它看起來像你試圖使用HTML的CSS樣式與Flex按鈕。它們是兩種非常不同的開發方法,CSS樣式不能共享。

查看Flex Button上提供的樣式作爲參考和更多詳細信息。

但是,簡而言之,高度和寬度是屬性,而不是樣式。它們不能用CSS設置。

text-shadow不是有效的樣式。我不確定你會如何在文字上塗上陰影。

邊框不是有效的樣式。更改按鈕邊框的正確方法是使用自定義按鈕外觀。

border-radius,-moz-border-radius和-webkit-border-radius無效樣式,但您可以嘗試cornerRadius

儘管顏色適用於按照文檔按鈕中的文本,但顏色樣式應該可以工作;不是實際的按鈕。我相信你可以用chromeColor來改變按鈕的顏色。

font-weight應該是fontWeight

這是我的結論,你的風格正在被應用;但是Flex按鈕不能識別您嘗試應用的樣式。

+0

那麼如何將CSS應用於flex-mobile? – pheromix

+1

@pheromix完全是你在你的問題中這樣做的方式。你只需要使用支持的樣式。 Flex按鈕樣式的列表可以在這裏找到:http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button.html#styleSummary – JeffryHouser

相關問題