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

Когда я нажимаю кнопку 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; 
}

источник

2015-03-05 Phil

К сожалению, что d похоже, не меняет поведения скрипки. Это только я? – Phil

О, я вижу, он меняет его на красный, когда я удерживаю кнопку ... Нет, это не то, что я хочу. Я хочу, чтобы кнопка «Нет» стала красной, когда она активна. – Phil

Если вы хотите, чтобы фон оставался надолго, то я не думаю, что есть потому, что ** нет родительского селектора **. Тем не менее, вы можете просмотреть документацию Bootstrap, чтобы узнать, есть ли у них креативное решение. –

.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>

источник

2015-03-05 17:10:29

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

ответ

Смежные вопросы