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

pull/264/head
Thomas Bruederli 10 years ago
parent b0c9026223
commit 613966d76f

@ -1442,21 +1442,23 @@ body .ui-tooltip {
display: none; display: none;
} }
.ie10 .ui-datepicker .ui-datepicker-title select, .ie10 .ui-datepicker .ui-datepicker-title select,
.webkit .ui-datepicker .ui-datepicker-title select, .webkit .ui-datepicker .ui-datepicker-title select {
.mozilla .ui-datepicker .ui-datepicker-title select {
background-image: url("images/ui-icons-datepicker.png"); background-image: url("images/ui-icons-datepicker.png");
background-position: right -18px; background-position: right -18px;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-right: 14px; padding-right: 16px;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; appearance: none;
} }
.mozilla .ui-datepicker .ui-datepicker-title select {
background-position: right -14px; @supports (-moz-appearance:none) and (mask-type:alpha) and (not (will-change:auto)) {
text-indent: 0.01px; .mozilla .ui-datepicker .ui-datepicker-title select {
text-overflow: ''; background-image: url("images/ui-icons-datepicker.png");
padding-right: 10px; background-position: right -14px;
background-repeat: no-repeat;
padding-right: 16px;
-moz-appearance: none;
}
} }
.ui-datepicker .ui-datepicker-month:focus, .ui-datepicker .ui-datepicker-month:focus,
.ui-datepicker .ui-datepicker-year:focus { .ui-datepicker .ui-datepicker-year:focus {

Loading…
Cancel
Save