JQuery user interface and theme

I downloaded the jQuery user interface and added a script to my solution, and with a bit of code, I have a nice date picker.

However, I need to use my own theme from my css file. I created a date picker according to the sample code, but it has no style. That is, it appears on top of existing text. Is there a way that I can assign a css style from my existing css file to make the calendar background not transparent and use my colors?

+3
source share
2 answers

The easiest way is to create a jQuery user interface theme using ThemeRoller to match the current theme. This is much better than you create it manually, since you will need to map all the CSS names used by the JQuery UI,

+6
source

You can add your CSS property background for your theme to the following line in the jquery-ui-1.8.6.custom.css file :

.ui-datepicker { width: 17em; padding: .2em .2em 0; background: salmon;}

I change the background color to salmon, and you can set anything for your needs.

+5
source

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


All Articles