प्रत्येक बटन

के लिए अलग-अलग रंग रखने के लिए बूटस्ट्रैप बटन समूह के सक्रिय रंग को बदलने के लिए कैसे करें जब मैं No बटन दबाता हूं, तो मैं इसे लाल चालू करना चाहता हूं। मैं Yes बटन चाहता हूं जिस तरह से यह पहले से ही करता है। लाइमग्रीन जब active। मैं यह कैसे करु?प्रत्येक बटन

कृपया मेरे fiddle

एचटीएमएल

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

सीएसएस देखने

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

स्रोत

2015-03-05 Phil

क्षमा करें कि घ लगता है कि पहेली के व्यवहार को बदलने के लिए प्रतीत नहीं होता है। यह सिर्फ मैं हूँ? – Phil

ओह, मैं देखता हूं, जब मैं बटन दबाता हूं तो यह लाल रंग में बदल जाता है ... नहीं, जो मैं चाहता हूं वह नहीं है। मैं सक्रिय होने पर 'नहीं' बटन लाल चालू करना चाहता हूं। – Phil

यदि आप पृष्ठभूमि को स्थायी रूप से रहना चाहते हैं तो मुझे नहीं लगता कि वहां कोई कारण नहीं है ** कोई अभिभावक चयनकर्ता नहीं है **। उस ने कहा, आप बूटस्ट्रैप दस्तावेज़ीकरण को देखना चाहते हैं कि उनके पास रचनात्मक समाधान है या नहीं। –

.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

प्रत्येक बटन

उत्तर

संबंधित मुद्दे