2013-12-16 3 views
0

Я работаю с flex-mobile.Почему CSS не применяется с полями flex-mobile?

Я создал файл CSS в той же папке моих Views файлов:

/* 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

Похоже, вы пытаетесь использовать стили CSS CSS с помощью кнопки Flex. Это два очень разных подхода к разработке, и CSS-стили нельзя использовать.

Посмотрите стили, доступные на Flex Button, в качестве справки и для более подробной информации.

Но, вкратце, высота и ширина - это свойства, а не стили. Они не могут быть установлены с помощью CSS.

текст-тень не является допустимым стилем. Я не уверен, как применить тень к тексту.

граница - недействительный стиль. Правильный способ изменения границы кнопки - использовать пользовательский скин.

border-radius, -moz-border-radius и -webkit-border-radius не являются действительными стилями, но вы можете попробовать cornerRadius.

Цвет должен работать, хотя цвет применяется к тексту кнопки в соответствии с документами; а не фактическая кнопка. Я считаю, что вы можете использовать chromeColor, чтобы изменить цвет кнопки.

font-weight должно быть fontWeight.

Это мои выводы, что ваши стили применяются; однако кнопка Flex не распознает стили, которые вы пытаетесь применить.

+0

Как применять CSS в flex-mobile? – pheromix

+1

@pheromix Точно так же, как вы делаете это в своем вопросе. Вам просто нужно использовать поддерживаемые стили. Список стилей Flex Button можно найти здесь: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button.html#styleSummary – JeffryHouser