Use @supports selector for setting date selector icon in Firefox 35+

Thomas Bruederli

2015-01-27 613966d76f94f76e654926e3696df9fa5289e51d

Use @supports selector for setting date selector icon in Firefox 35+

 plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css

@@ -1442,21 +1442,23 @@
    display: none;
}
.ie10 .ui-datepicker .ui-datepicker-title select,
.webkit .ui-datepicker .ui-datepicker-title select,
.mozilla .ui-datepicker .ui-datepicker-title select {
.webkit .ui-datepicker .ui-datepicker-title select {
    background-image: url("images/ui-icons-datepicker.png");
    background-position: right -18px;
    background-repeat: no-repeat;
    padding-right: 14px;
    padding-right: 16px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.mozilla .ui-datepicker .ui-datepicker-title select {
    background-position: right -14px;
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 10px;

@supports (-moz-appearance:none) and (mask-type:alpha) and (not (will-change:auto)) {
    .mozilla .ui-datepicker .ui-datepicker-title select {
        background-image: url("images/ui-icons-datepicker.png");
        background-position: right -14px;
        background-repeat: no-repeat;
        padding-right: 16px;
        -moz-appearance: none;
    }
}
.ui-datepicker .ui-datepicker-month:focus,
.ui-datepicker .ui-datepicker-year:focus {