What is the CSS to get jQuery UI Tabs working, not to style

I been trying to loose the style that the custom jqueryui.css uses for Tabs, but I ca开发者_开发百科n't find the piece of code that just get it working, and not style it. Anybody knows what exactly the css is, removing everything but the css to get it working?

The jQuery UI CSS theming are built up around the classes named ui-*. For example:

ui-widget ui-widget-content ui-corner-all

And for tabs you get: ui-tabs

Open up the .css to see what they do.

I don't think you can remove all the classes and just have the functionality, since most of them are needed for tabs to work.

If I were you and wanted to remove all the styling, I would edit the .css and make small changes and see what happens. For example, remove the default font, background-color etc. When you are pleased with the result I would keep the remaining classes as they are and build your application around them.

I hope this helps.

I had a similar question once, and a user was kind enough to provide me with a minimal example. See the comments on Vertical "tab" component on jQuery UI site (JSfiddle here)