如何将自定义样式应用于来自CssResources类的DatePicker？

我有一个DatePicker小部件，我需要为其应用自定义样式。为了更好地实现它，我做了什么，在应用主css文件，我已经添加了CSS样式，如下如何将自定义样式应用于来自CssResources类的DatePicker？

.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文件。要访问它，我已经创建了一个资源界面如下，

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(); 

}

我是多么访问这些方法如下

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()); 
} 
}

这里的风格正在申请标签。但Style不适用于DatePicker。如何将自定义样式应用于来自CssResources类的DatePicker？

来源

2012-12-03 Saritha

在发布这样一个巨大的和重复的问题搜索之前，如果问题已经被问及或不存在......有很多类似的问题。

并为您的问题的答案是在以下链接

ClickHere

来源

2012-12-05 13:17:00

如何将自定义样式应用于来自CssResources类的DatePicker？

回答

相关问题