I want to apply different themes to tabs in a tab-set so that some tabs can be different colors. I saw this post - https://forum.jquery.com/topic/how-to-use-different-ui-classes - but it doesn't work for tabs since you cant wrap an <li> element in a <div>.
Is there a similar trick for using different UI themes on tabs that are in the same tab-set? Is there another way to indicate to which theme to choose?
That is, doing this:
<div id="tabs">
<ul>
<div id="ThemeOne"><li>First Tab</li></div>
<div id="ThemeTwo"><li>Next Tab </li></div>
</ul>
</div>
doesn't work because the <div>s around the <li>s are illegal.
I've downloaded a couple of themes with different sets of colors since I want to have the option of having different colored buttons (e.g. red, green, and gray) on the same page. I'm not clear how to apply multiple themes to the same page - I've been using a statement like this to link to the stylesheet for a particular theme:
<
link href="../Styles/gray_theme/jquery-ui-1.9.2.custom.css" rel="stylesheet"/> .
If I want some buttons to use the gray_theme, some to use the red_theme, and some to use the green_theme, how would I approach that?