Adolfo Panizo Touzon said: > ... I think you have two options to solve this: > > - One is adding* !important* (in order to overwrite the custom > css for the datePicker) to your css rules. > - The other one is create your custom * DatePickerStyle.css *and > add it to your DatePicker class*.*
Another option is to increase the specificity of your CSS selector, so that it takes precedence over Google's built-in style rules. My own notes on GWT styling are located here, in case you find them useful: http://zelea.com/project/votorola/a/web/context/web/gwt.css -- Michael Allan Toronto, +1 416-699-9528 http://zelea.com/ > 2012/4/24 Mike Dee <mdichiapp...@gmail.com> > > > How is this for a strategy of tweaking the look of many of the GWT widgets > > across an entire app? Copy standard.css into the project and name it > > MyApp.css. Reference MyApp.css in the ClientBundle, like this: > > > > public interface MyAppResources extends ClientBundle > > { > > ... > > @Source( "com/myapp/client/resources/MyApp.css" ) > > @CssResource.NotStrict > > public MyAppStyles css(); > > ... > > } > > > > And then just tweak the CSS in MyApp.css? > > > > That leads to the second question. So far, this strategy seems to work > > fine. However, I'm having trouble with the DateBox. I simply want the > > input area associated with the DateBox to have a smaller font size. So I > > change this: > > > > .gwt-DateBox input { > > width: 8em; > > } > > > > to this: > > > > .gwt-DateBox input { > > width: 8em; > > font-size: 8pt; > > } > > > > Seems to have no effect (see attached screenshot). Looking at the CSS in > > Chrome (inspect element), the input item is definitely tagged as > > ".gwt-DateBox". Any ideas? -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to google-web-toolkit@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.