Style CSS von Jahr und Monat wählt jQuery Datepicker

Question

Ich versuche, die Auswahl in einem jQuery Datepicker-Objekt zu stylen. Zum Beispiel, weder die folgende Arbeit.

.ui-datepicker.year.select { 
width:200px; 
} 

.ui-datepicker.select { 
width:200px; 
} 

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Hier ist ein Arbeitsbeispiel. Das UI-Blatt scheint zu überschreiben, also habe ich !important verwendet.

https://jsfiddle.net/Twisty/whcjw3w6/

HTML

<p>Date: 
    <input type="text" id="datepicker"> 
</p> 

CSS

select.ui-datepicker-month, 
select.ui-datepicker-year { 
    width: 200px !important; 
} 

jQuery

$(function() { 
    $("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 
}); 

EDIT

Per @mike-mccaughan Kommentar, können Sie dies auch tun:

.ui-datepicker-header select.ui-datepicker-month, 
.ui-datepicker-header select.ui-datepicker-year { 
    width: 200px; 
} 

einfach die Wähler mehr angeben musste.