GeekOnGadgets GeekOnGadgets - 1 year ago 76
CSS Question

jQuery ui - datepicker: month and year dropdown css

Problem Question: I have a jQuery datepicker with month and year dropdown, when there are month like

css between month and year looks bad. Something like
December 2016
May 2016

I have created the fiddle for this

What I am trying to achieve: I want month and year to have fixed margin between them. Something like
December 2016
May 2016

Answer Source

Add the following snippet into the CSS:

.ui-datepicker-month {
  text-align-last: right;
  padding-right: .25em;

Related: Is it possible to center text in select box?

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download