CSS пытается изменить размер JQuery Datepicker

Question

Мне нужно изменить размер DatePicker ... Но календарь часть просто не хочет, чтобы изменить размер с DatePicker ...

Изображение:

Код (CSS):

.ui-datepicker-inline { 
    margin: 0 auto; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    background: #FFFFFF; 
} 
@media screen and (max-width: 540px) { 
    #headerSeparator { 
     width: 80%; 
    } 
    .ui-datepicker-inline, .ui-datepicker, .ui-datepicker-calendar, .ui-widget-content { 
     width: 80%; 
    } 
} 

Edit:

вот мой Javascript

$(document).ready(function() 
        { 
         $("#datepicker").datepicker({ dayNamesMin: ["DIM", "LYN", "MAR", "MER", "JEU", "VEN", "SAM"], monthNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], altField: "#date", dateFormat: "yy-mm-dd" }); 
        }); 

Answer 1

Лучше, чтобы изменить размер шрифта выбора даты, а не width.Just попробовать этот код:

.ui-datepicker{ 
font-size:13px; 
}