如何在jQuery.ui选项卡中更改背景颜色

时间:2013-03-18 13:41:42

标签: jquery jquery-ui jquery-ui-tabs

我正在尝试更改jquery.ui标签中标签的背景颜色。 通常它默认使用颜色。 我的代码是

<div id="tabs">
    <ul>
        <li><a href="#1"><span>Home</span></a></li>
        <li><a href="#2"><span>Home</span></a></li>
    </ul>

    <div  id="1">
        <p>MY DATA</p>
    </div>
    <div id="2">
        <p>MY DATA 2nd</p>
    </div>
</div>

<script>
   $( "#tabs" ).tabs();
   $('#tabs').bind('tabsshow', function(event, ui) { 
        $('#tabs').css('background-color', '#231f20');
    });
</script>

提前致谢

1 个答案:

答案 0 :(得分:5)

.ui-tabs .ui-tabs-nav a
{
   background-color: #231f20;
}