Flex ComboBox CSS...!

Flex에서 ComboBox에 CSS로 스타일 입히는 과정에서 알게 된 것...

ComboBox에 스타일을 줄려고 CSS에 속성등을 적어넣고 적용 시켰다.

이때 적용 하려했던건 font-family와 font-size...

.comboBox{

alternating-item-colors: white, #EEEEEE;

 font-family: "_sans";

 font-size: 11pt;

}

왜 적용이 안될까 하다가 찾아보니...

따로 지정을 해줘야 한다...

.filterComboBox{

alternating-item-colors: white, #EEEEEE;

drop-down-style-name: "comboBoxDropDownStyle";

text-input-style-name: "comboBoxTextInputStyle";

}

.comboBoxDropDownStyle{

font-family: "_sans";

font-size: 11pt;

}

.comboBoxTextInputStyle{

font-family: "_sans";

font-size: 11pt;

}

이런식으로 말이다.

drop-down-style-name 이건 ComboBox를 클릭시 밑에 나오는 리스트에 해당하는 스타일이고,

text-input-style-name는 일반 상태의 ComboBox에 해당하는 스타일이다.

그리고 한가지더 alternating-item-colors에 대한 설명...

ComboBox클릭시 리스트가 나오게 되는데 그 리스트에 줄마다 배경색을 달리 주고 싶을때 사용하는 속성이다.

두가지 이상의 색을 넣어주면 적용이 된다.