当我按下 No 按钮我希望它变成红色。我想要 Yes 按钮表现它已经做的方式即。 limegreen当 active。我该怎么做呢？
请看我的 小提琴
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;
}
.btn-info.active {
background-color: limegreen;
}
.btn_red.active {
background-color: red;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 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>