Css 如何在GWT中更改日期选择器列表框的大小?
我正在建立一个移动网站,因此我需要很多全GWT Gui来变得更大 例如,我的gwt移动应用程序中的css如下所示:Css 如何在GWT中更改日期选择器列表框的大小?,css,gwt,Css,Gwt,我正在建立一个移动网站,因此我需要很多全GWT Gui来变得更大 例如,我的gwt移动应用程序中的css如下所示: .myNormalMobileFont{ font-size: 500%; } .myNormalLargeFont{ font-size: 700%; } 这是DateBox和DatePicker的Css代码 .gwt-DateBox { padding: 15px 16px; border: 3px solid #ccc; border-top
.myNormalMobileFont{
font-size: 500%;
}
.myNormalLargeFont{
font-size: 700%;
}
这是DateBox和DatePicker的Css代码
.gwt-DateBox {
padding: 15px 16px;
border: 3px solid #ccc;
border-top: 3px solid #999;
font-size: 500%;
}
.gwt-DateBox input {
width: 8em;
}
.dateBoxFormatError {
background: #ffcccc;
}
.dateBoxPopup {
}
.gwt-DatePicker {
border: 3px solid #ccc;
border-top:3px solid #999;
cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
outline: none;
}
.datePickerDays {
width: 100%;
background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
font-size: 255%;
text-align: center;
padding: 12px;
outline: none;
font-weight:bold;
color:#333;
border-right: 3px solid #EDEDED;
border-bottom: 3px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
background: #fff;
padding: 0px 12px 6px;
cursor: default;
color:#666;
font-size:210%;
font-weight:normal;
}
.datePickerDay {
padding: 12px 21px;
cursor: hand;
cursor: pointer;
}
.datePickerDayIsWeekend {
background: #f7f7f7;
}
.datePickerDayIsFiller {
color: #999;
font-weight:normal;
}
.datePickerDayIsValue {
background: #d7dfe8;
}
.datePickerDayIsDisabled {
color: #AAAAAA;
font-style: italic;
}
.datePickerDayIsHighlighted {
background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
background: #d7dfe8;
}
.datePickerDayIsToday {
padding: 3px;
color: #fff;
background: url(images/hborder.png) repeat-x 0px -2607px;
}
.datePickerMonthSelector {
width: 100%;
padding: 3px 0 15px 0;
background: #fff;
}
td.datePickerMonth {
text-align: center;
vertical-align: middle;
white-space: nowrap;
font-size: 300%;
font-weight: bold;
color: #333;
}
.datePickerPreviousButton,
.datePickerNextButton {
font-size: 360%;
line-height: 1em;
color: #3a6aad;
cursor: hand;
cursor: pointer;
font-weight: bold;
padding: 0px 12px;
outline: none;
}
在那之后,Guilookle就是这样
Ass u可以看到年和月列表框中的文本非常小,因此如何设置样式使其更大?可能使用字体大小。这应该可以:
.gwt DatePicker.gwt ListBox{
字体大小:200%;
}
如果我将其应用于: