Как изменить стили кнопок со стрелками влево / вправо для DateChooser в flex

Question

Мой код 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 ~

Answer 1

Есть несколько стилей для "скинов", которые используют 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/