Come cambiare css sul pulsante di avvio Gruppo

Question

Il codice seguente attiva o disattiva un pulsante in un gruppo. Mi sto divertendo a legare per cambiare il CSS di questi pulsanti, in particolare il pulsante selezionato.

<span class="label label-primary">Age</span> 
    <div class="btn-group" id="ageID"> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="3">Under 10</button> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="1">Under 50</button> 
    <button type="button" style="width:120px" class="btnMyAge btn-default" id="2">Over 50</button> 
</div> 
<script> 
    $(".btn-group > .btnMyAge").click(function() {         
     $(this).addClass("active").siblings().removeClass("active"); 
    }) 
</script> 

mio file CSS personalizzato:

.btnMyAge, .btn:active 
{ 
    background-color: #ffe13a; 
} 

Answer 1

Cambia la tua CSS per

.active { 
    background-color: #ffe13a; 
} 

o altrimenti il ​​background-color viene applicata a tutti i pulsanti a causa della classe btnMyAge.

Answer 2

Il colore di sfondo non viene modificato ma l'istruzione in grassetto. Se rimuovo la prima riga qui sotto dal mio _Layout.cshtml lo sfondo funziona ??

<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
    <link rel="stylesheet" type="text/css" href="~/Content/custom.css">