CssResources 클래스의 DatePicker에 사용자 지정 스타일을 적용하려면 어떻게해야합니까?

Question

나는 사용자 정의 스타일을 적용해야하는 DatePicker 위젯을 가지고 있습니다. 그것을 실현하려한다 내가 무슨 짓을, 응용 프로그램의 주요 CSS 파일에서, 나는 그런

.dRPLable { 
    font-size: 10px; 
    font-weight: bold; 
    color: gray; 
    } 

    .dRPBtn { 
    background-color: #38B0DE; 
    background: #38B0DE; 
    color: white; 
    } 

    .dRPLB { 
    background: #EEEEEE; 
    } 

    .dRPPopup { 
     width: 8em; 
     height: 2em; 
    } 
    .mycal .datePickerPreviousButton { visibility: visible; color: gray; } 
    .mycal .datePickerNextButton { visibility: visible; color: gray; } 

    .mycal .datePickerWeekdayLabel{background: white;} 
    .mycal .datePickerMonthSelector { background: white; } 
    .mycal .datePickerMonth { background: white;color: orange;} 

    .mycal .datePickerWeekendLabel{background: white;} 
    .mycal .datePickerDayIsValue { background: orange;} 
    .mycal .datePickerDayIsWeekend { background: #D9D9D9;} 

아래 모든 나는 독립적 인 정의로 만드는 중이라서 완벽하게

을 적용함에 따라 CSS 스타일을 추가 한 위젯, 그 때문에 별도의 CSS 파일을 만들었습니다. 내가 스타일 레이블을 신청 여기

public class DateRangePicker extends Composite { 
static DateRangeTypePickerResources resources = GWT 
      .create(DateRangeTypePickerResources.class); 
    DateRangeTypePickerCssStyle css = DateRangeTypePickerResources.INSTANCE 
      .DateRangeTypePickerCss(); 
    static { 
     DateRangeTypePickerResources.INSTANCE.DateRangeTypePickerCss() 
       .ensureInjected(); 
    } 

public DateRangePicker(DateRangePickerModel dateRangePickerModel) { 
    Label startDateLabel = new Label("Start Date"); 
    startDtToday.setStylePrimaryName(css.dRPLabel()); 
    flexTable.setWidget(0, 0, startDateLabel); 

    DatePicker startDatePicker = new DatePicker(); 
    startDatePicker.setStyleName(css.mycal()); 
} 
} 

다음과 같이 그 방법에 접근하고 어떻게 는

import com.google.gwt.core.client.GWT; 
import com.google.gwt.resources.client.ClientBundle; 
import com.google.gwt.resources.client.CssResource; 
import com.google.gwt.resources.client.ImageResource; 

public interface DateRangeTypePickerResources extends ClientBundle { 

    DateRangeTypePickerResources INSTANCE = GWT 
      .create(DateRangeTypePickerResources.class); 

    /* 
    * @Source("DocumentImg.jpg") ImageResource getDocumentImg(); 
    */ 

    @Source("down.png") 
    ImageResource getDownImg(); 

    @Source("up.png") 
    ImageResource getUpImg(); 

    public interface DateRangeTypePickerCssStyle extends CssResource { 
     String dRPLable(); 

     String dRPBtn(); 

     String dRPLB(); 

     String mycal(); 

     String dRPPopup(); 

     String datePickerPreviousButton(); 

     String datePickerNextButton(); 

     String datePickerWeekdayLabel(); 

     String datePickerWeekendLabel(); 

     String datePickerMonthSelector(); 

     String datePickerMonth(); 

     String datePickerDayIsValue(); 

     String datePickerDayIsWeekend(); 

    } 

    @Source("../widget/DateRangeTypePicker.css") 
    DateRangeTypePickerCssStyle DateRangeTypePickerCss(); 

} 

, 다음과 같이 내가 생성 한 자원 인터페이스를 액세스합니다. 그러나 스타일은 DatePicker에 적용되지 않습니다. CssResources 클래스의 DatePicker에 사용자 지정 스타일을 적용하려면 어떻게해야합니까?

Answer 1

질문이 이미 제기되었는지 여부와 같은 거대하고 반복되는 질문 검색을 게시하기 전에 ... 비슷한 질문이 많이 있습니다.

그리고 당신의 질문에 대한 대답은 다음 링크

ClickHere

에