Jquery UI datepicker transparent background

This seems to be a common question, but I tried many answers, but none of them worked for me.

I am using jquery UI datepicker. Something seems wrong. This is how I see it.

enter image description here

I have included below in my file

  • JQuery-1.11.2.min.js
  • jquery-ui.min.js (version 1.11.4)
  • jquery-ui.min.css (version 1.11.4)

Also I tried css c below, but did not work.

.ui-datepicker { background: #fff !important; z-index: 10000; } 

How to make it normal?

+5
source share
1 answer

I created a fiddle with the main datepicker theme and a colored background (or transparent if you wish): http://jsfiddle.net/uscmr3xo/3/

 .ui-datepicker { /*background: transparent;*/ background: blue; } 

It turned out that the "background" does the magic, but the "background-color" does not. For some reason there is no transparent BG in jquery-ui ThemeRoller ( http://jqueryui.com/themeroller/ ). But if you want to use a different color / style scheme, use a tool. Be careful when customizing CSS to overwrite default jquery-ui styles.

+6
source

Source: https://habr.com/ru/post/1215925/


All Articles