html - 基于页面的 Bootstrap 输入发光有不同的颜色

Question

所以我有一个元素，在一个页面上，我希望输入框(单击时)具有某种颜色，而在另一页上，我希望输入框具有不同的颜色。我知道在 bootstrap.css 文件中我可以修改这段代码:

 .form-control:focus {
    border-color: #76323F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(118,50, 63, 1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(118, 50, 63, 1);
}

得到我想要的颜色(我已经这样做了)。但是现在，当单击输入时，我希望根据我所在的页面显示不同的颜色。我该怎么做？

Answer 1

尝试添加:

.form-control:active {
  background:red !important; //or without important if there is no need to use it
}

如果您想为许多输入设置不同的颜色，请为 .form-control 添加唯一的 id 或 class