如何在flex中更改DateChooser的左/右箭头按钮样式

时间:2011-07-25 20:06:49

标签: flex

我的DateChooser代码及其样式代码如下所示:

<mx:DateChooser id="dc" cornerRadius="0" bottom="0" width="100%" allowMultipleSelection="true" 
                        allowDisjointSelection="false" styleName="dateChooserGradient" 
                        change="fetchDateAgenda(dc.selectedDate)"
                        />

和dateChooserGradient:

.dateChooserGradient
{
    header-colors: #133c59, #29506c;        
    todayStyleName: myTodayStyleName;
    headerStyleName: myHeaderStyleName;
    weekDayStyleName: myWeekDayStyleName;
    dropShadowEnabled: false;
    arrowBorderThickness:2;
    arrowColor: #062338;
    arrowAlpha: 0.1;
}

我真正想要的是我的箭头是透明背景,borderthickness为2,箭头和bordercolor为#062338。此外,如果我可以使箭头本身的宽度和高度比默认值大一些。

谢谢和问候 〜Z〜

1 个答案:

答案 0 :(得分:0)

使用PNG的“皮肤”有几种样式。例如,下个月的按钮是“nextMonthUpSkin”和“nextMonthDownSkin”等。对于CSS中的这些属性,您只需提供一个PNG文件。

以下是FlexCoders的示例:http://blog.flexexamples.com/2007/12/16/changing-the-next-and-previous-month-navigation-icons-on-a-datefield-control-in-flex/