Question

我创建了一组这样的切换按钮：

.bs-example {
  margin: 20px;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
        <input type="checkbox"> Option 1
      </label>
  <label class="btn btn-primary">
        <input type="checkbox"> Option 2
      </label>
  <label class="btn btn-primary">
        <input type="checkbox"> Option 3
      </label>
</div>

我想在两种切换状态下更改按钮的颜色。例如，当一个按钮处于活动状态时，它变为绿色，而其他方面则保持白色。

你能帮帮我吗？

Answer 1

您应该小心使用Drake标记来帮助覆盖引导程式。

你也可以通过在bootstrap css !important

之后声明你的样式表来实现这一点。

希望这有帮助

＆＃13;

<link>

＆＃13;

.btn:active,
.active {
  color: black !important;
  background-color: green !important;
  border-color: green !important;
}

＆＃13;

Answer 2

将此添加到您的css中以获取活动班级

    Err.Clear
    VBA.FileSystem.Kill OutputFile  ' do it now, and reduce wait for deletion
    If Err.Number = 70 Then  ' permission denied: change the output file name
        OutputFile = FileStripExtension(OutputFile) & "_" & FileStripExtension(FSO.GetTempName) & FileExtension(OutputFile)
    End If

End If

对于正常状态，给标签一个类：

For j = LBound(FetchArray, 1) To UBound(FetchArray, 1) - 1 Step 1
    FetchArray(j, i_UBound) = rst.Fields(j).Name
Next j

Answer 3

试试这个 - 你可以选择你想要的任何颜色。

.btn-group input:active{
   color:#73b2b2; 
   background-color:#73b2b2;
}

切换按钮的自定义颜色

3 个答案: