Archivos css

[falcatin]

Hola!, estoy intentando crear mi primer fichero css:

/* CSS file */
TextArea {
fontSize: 15;
color: #f56fb1;
fontWeight: bold;
}

le he puesto prueba.css, Después en mi aplicación he puesto

<mx:Application styleName="prueba.css">
con un textArea dentro pero al ejecutarlo no me ha cambiado el tamaño ni el color ni nada parecido.
Alguien sabe como va??? gracias.

[jahepi]

Hola Falcatin !

La propiedad styleName es para definir algo parecido a una clase css, no para hacer referencia a un archivo externo.

Ejemplo:

Código PHP:

  .ejemplo { 
fontSize: 15; 
color: #f56fb1; 
fontWeight: bold; 
}  
   

Y en la etiqueta application:

Código PHP:

  <mx:Application styleName="ejemplo">  
   

Aqui hay otro ejemplo:
http://blog.flexexamples.com/2007/09...ns-style-name/

Si quieres hacer referencia a un documento externo revisa la siguiente documentación:

http://livedocs.adobe.com/flex/1/fle...e=brady510.htm

Un saludote !

[falcatin]

Gracias por la respuesta. Akí encontré un ejemplo muy chulo sobre css

http://www.scalenine.com/themes/darkroom/darkroom.html

[falcatin]

Me sigue dando fallo asi:

/* CSS file */
Button {
textRollOverColor: #ffff99;
fontWeight: bold;
}

En mi componente me sale un warning con esto:
<mx:Style source="nuevoestilo.css" />

CSS type selectors are not supported in components: 'Button'

[Ramdi]

Sabes a pesar de que es Viejo el tema Personas como yo que estan empezando en flex de alguna manera se encontraran con este problema

cuando crees una funcion css con un archivo externo en flex

Debes Colocar por ejemplo la funcion seguida del punto si no colocas el punto
no funcionara en flex ,ahora cabe entender que a este archivo CSS le he colocado el nombre de estilo.css para mi ejemplo.

.Funboton{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#638cb5;
border:0px;
width:80px;
height:19px;
borderColor: red;
}

Luego en la hoja de source donde incrustaste el boton debes añadir


<mx:Style source="../CSS/Estilo.css"/>

en mi proyecto yo cree la carpeta CSS fuera del SRC de flex por eso los dos puntos anteriores.

Luego al boton debes indicarle el estilo "stylename" el nombre de mi funcion css

<mx:Button x="289" y="167" label="Button" styleName="Funboton"/>


Suerte con flex...