Question

我正在使用引导工具包来改变单选按钮的样式以及AngularJS但是我遇到了涉及颜色的问题。我面临的问题如下：

我发现这段代码片段可以改变所选（活动）单选按钮的颜色

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

但是，我相信由于发布活动按钮的样式没有被持久化。用于按钮组的代码如下：

    <div class="btn-group" data-toggle="buttons">
         <label class="btn btn-default">
                <input type="radio" name="options" id="opt_ord" ng-model="content" value="1">Ord
      </label>
      <label class="btn btn-default">
                 <input type="radio" name="options" id="opt_int1" ng-model="content" value="2">Int (1)
      </label>
      <label class="btn btn-default">
                  <input type="radio" name="options" id="opt_int2" ng-model="content" value="3">Int (2)
      </label>
      <label class="btn btn-default">
                  <input type="radio" name="options" id="opt_adv1" ng-model="content" value="4">Adv (1)
      </label>
      <label class="btn btn-default">
                  <input type="radio" name="options" id="opt_adv2" ng-model="content" value="5">Adv (2)
      </label>
   </div>

关于如何保持按钮处于活动状态（即使发布帖子）的任何输入都将非常感激。通过保持颜色我的意思是按钮的行为类似于切换按钮，＆＃34;感觉压下/突出从其余的＆＃34;。谢谢！

Bootstrap Radio按钮活动颜色变化

0 个答案: