Easy way to overwrite basic jQuery-UI css? -


I think this is a silly question but I always find that some CSS features There is a problem in modifying Let's say that I define an element as a jQuery-UI object (such as auto-integer or datecocker) I know how to modify css to the UI site and how to make my own theme is?

For example, I think the default font-size of the calendar can be very large, so I often have to find a dividend created by jQuery and then a font-size: 14px ! Important; adds if I want to apply the style or it is bumped due to the definition of jQuery (because it is very selective).

Is making my rules more selective or am I really making something clear?

I have not used JQuery-UI, but this is indicating a quick overview of their documentation. That should be styling for many styles Simple to override this page tells about your specific example of font-size , stating that .ui-widget class is any Controls font-size for special widgets So it seems that you want to get your font size, you need to have some CSS that does this:

  # ui-datepicker-div.ui-widget {font- Size: 14px}  

Hope that helps.


Comments