How to apply CSS theme to only a specific jQuery-UI element?
I have a web site already build with my own CSS theme. I'm using
jQuery UI "tabs" widget but no CSS from jQuery-UI.
Now, I'm trying to add the "Date Picker" widget in one of my page. It
would be great if I could reuse jQuery-UI default theme which is just
fine.
The problem is that the date picker theme is also applied to my tabs
CSS. For example the "ui-widget" css properties is applied to both
date picker and tabs elements.
I can't seem to find a way to apply the css properties to only the
date picker. I can't see a "super selector" that only applies to the
date picker DIV.
What would be the best way to handle this?