il faut utiliser la propriété 'prompt'
<mx:ComboBox ... prompt="Choisissez un élément de la liste" />
Avec le composant Spark,
il faut rajouter la propriété selectedItem
<s:ComboBox ... selectedItem="{{label:'Choisissez...'}}"/>
<mx:ComboBox ... prompt="Choisissez un élément de la liste" />
<s:ComboBox ... selectedItem="{{label:'Choisissez...'}}"/>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|DropDownList
{
chrome-color: #000000;
symbol-color: #ff0000;
} s|DropDownList #labelDisplay
{
font-weight:bold;
color:#fc9c05;
font-style:italic;
} s|DropDownList:open
{
font-size:12;
color:#000000;
content-background-color:#fba807;
roll-over-color:#babfa1;
selection-color:#fdcb6a;
symbol-color:#01fd48;
}
</fx:Style>
ComboBox
{ color : #7b1281;/*couleur du texte*/ rollOverColor: #dd90dd;/*couleur du fond au survol*/ textSelectedColor: #7b1281;/*couleur du texte sélectionné*/
selectionColor: #ffccff;/*couleur du fond sélectionné */
borderStyle: none;/*suppression de la bordure*/
fillAlphas: 1.0, 1.0;/*couleur de fond*/
fillColors: #ffffff, #ffffff;
dropdownStyleName: comboBoxDropdown;/*renvoi au style nommé*/
}
.comboBoxDropdown /*propriété du panneau déroulé {
backgroundColor: #ffffff;
}<mx:Script> <![CDATA[
[Bindable] public var maListe: Array = [ {label:"texte1", data:1},
{label:"Texte2", data:2}, {label:"Texte3", data:3} ];
[Bindable]
public var selectedItem:Object;
]]></mx:Script><mx:ComboBox dataProvider="{maListe}" width="150" close="selectedItem=ComboBox(event.target).selectedItem"/>