2012-09-11 147 views
1

我正在使用jquery更改選項卡的選項卡的字體和背景顏色。當我選擇一個選項卡時,字體更改將起作用,但背景色不起作用。任何人都可以對我在做什麼錯誤提出意見嗎?更改選項卡的背景色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; 
} 
+0

有什麼辦法可以提供一些/所有的HTML?看到這個結構將會有很大的幫助。 – Chase

+0

OP中有足夠的代碼來解決問題。 – iambriansreed

回答

1

更改CSS選擇器:

.selectedul.tabs li a.selected

+0

很漂亮。非常感謝。 – user1471980

+0

沒問題!你也可以做'background-color:#3399FF!important;'但是展示的方法更清晰。 – iambriansreed

相關問題