更改选项卡jquery的背景颜色

时间:2012-09-11 16:33:51

标签: jquery css

我正在使用jquery在选中时更改选项卡的字体和背景颜色。当我选择一个标签时,字体更改有效,但背景颜色不起作用。任何人都可以对我做错的事情有所了解吗?

Jquery脚本:

<script type="text/javascript">
$(document).ready(function() {

    $('.tabs a').click(function(){
        switch_tabs($(this));
    });

    switch_tabs($('.defaulttab'));

});

function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected");
} 
</script>

css代码:

ul.tabs li a {
    display:block;
    float:left;
    padding:3px;
    font-size:1em;
    background-color: #e0e0e0;
    color:black;
    text-decoration:none;
    border-color: white;
}
.selected {
    font-weight:bold;
    background-color:#3399FF;
    color:white;
}

1 个答案:

答案 0 :(得分:1)

更改CSS选择器:

.selectedul.tabs li a.selected