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.