Q:

how to prevent datepicker css from changing

I am trying to use DatePicker in my site. I have a main.css and it has a style as follows:
body {
    margin: 0;
    padding: 0;     
    line-height: 1.5;
    font-size: 75%;
}

When I put the datepicker into the site the style of datepicker is changing. 
Is there any way to prevent from changing it?

A:

To fix it, find the specific style property(properties) in the body that affect your date picker and then specifically reset those properties in the datepicker css. 
eg
/main.css/
body{
   font-size: 2px;
}
for example ,the font-size will apply to everything you put on the page (including the datepicker) so to fix it go to datepicker css, and change font-size property for the specific element.
ie
/*datepicker css */
#foo{
font-size: 4px;
}
Cheers

