title: Customizing jquery UI tabs
body: <p>I am using tab widget of jQuery UI. I want to change the <code>color</code> of active tab to <code>yellow</code> by using <code>ui-tabs-active</code> class as mentioned <a href="http://api.jqueryui.com/tabs/" rel="nofollow">here</a> in API docs</p>
  
  <p>But despite of doing following:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .ui-tabs-active
      {
        background-color:yellow;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Its color does not change.
  Here is the code at <a href="http://jsbin.com/iXur/19/edit?html,output" rel="nofollow">jsbin.com </a></p>