Flex样式-ComboBox篇

最新推荐文章于 2022-09-28 14:19:38 发布

最新推荐文章于 2022-09-28 14:19:38 发布 · 223 阅读

本文详细介绍了如何自定义ComboBox的样式，包括角半径、颜色、边框、填充、箭头按钮宽度、背景透明度等，并展示了如何调整字体、大小、装饰、对齐方式等属性，以及如何设置下拉菜单的样式。

ComboBox {
   cornerRadius: 10;
   color: #6600cc;
   borderColor: #cc0000;
   iconColor: #9933ff;
   highlightAlphas: 0.44, 0.2;
   fillAlphas: 0.69, 0.55, 0.45, 0.68;
   fillColors: #cc0000, #ffff00, #3300ff, #6699ff;
   arrowButtonWidth: 0;
   backgroundAlpha: 0.63;
   selectionColor: #ffff00;
   textSelectedColor: #cc0000;
   useRollOver: true;
   rollOverColor: #ff0000;
   textRollOverColor: #33ff00;
   themeColor: #ccff00;
   alternatingItemColors: #003366, #ccff00;
   openDuration: 849;
   closeDuration: 2000;
   textAlign: left;
   fontFamily: Verdana;
   fontSize: 48;
   textDecoration: underline;
   fontWeight: bold;
   fontStyle: italic;
   letterSpacing: 0;
   dropdownStyleName: "myComboBoxDropDowns";
}

.myComboBoxDropDowns {
   cornerRadius: 1;
   borderThickness: 3;
   letterSpacing: 3;
   borderColor: #cc0000;
   color: #ffff00;
   textAlign: left;
   fontFamily: Georgia;
   fontSize: 20;
   fontWeight: bold;
   fontStyle: italic;
   textDecoration: underline;
   dropShadowEnabled: true;
   shadowDirection: left;
   shadowDistance: -1;
   dropShadowColor: #990000;
}