Как изменить активный цвет группы кнопок начальной загрузки, чтобы иметь разный цвет для каждой кнопки

Когда я нажимаю кнопку No, я хочу, чтобы она покраснела. Я хочу, чтобы кнопка Yes вела себя так, как она есть. limegreen, когда active. Как это сделать?

Пожалуйста, смотрите мой fiddle

HTML

<div class="col-sm-5 btn-group" data-toggle="buttons">
    <label class="btn btn-info">
        <input checked="checked" name="media_release" value="1" type="radio"> Yes
    </label>
    <label class="btn btn-info active">
        <input name="media_release" value="0" type="radio"> No
    </label>
</div>

CSS

.btn-info.active {
    background-color: limegreen;
}

ОТВЕТЫ

Ответ 1

.btn-info.active {
    background-color: limegreen;
}

.btn_red.active {
    background-color: red;
}
<link href="#" onclick="location.href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'; return false;" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="col-sm-5 btn-group" data-toggle="buttons">
    <label class="btn btn-info">
        <input checked="checked" name="media_release" value="1" type="radio"> Yes
    </label>
    <label class="btn btn-info btn_red">
        <input name="media_release" value="0" type="radio"> No
    </label>
</div>