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클릭시 리스트가 나오게 되는데 그 리스트에 줄마다 배경색을 달리 주고 싶을때 사용하는 속성이다.
두가지 이상의 색을 넣어주면 적용이 된다.
