Html 根据页面为引导输入光晕提供不同的颜色

因此，我有一个项目，在一个页面上，我希望输入框发光（单击时）为某种颜色，在另一个页面上，我希望输入框发光为不同的颜色。我了解在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);
}

为了得到我想要的颜色（我已经这样做了）。但现在，当点击一个输入时，我想根据我在哪个页面上的不同颜色发光。我该怎么做呢？

您可以使用jquery

$（“#按钮”）。单击（函数（）{
$（“#按钮”）.addClass（“单击按钮”）；
\});
.button单击{//您可以为每一页添加您想要的颜色
背景：红色；

}

并且不要忘记参考jquery.js

您可以使用jquery

$（“#按钮”）。单击（函数（）{
$（“#按钮”）.addClass（“单击按钮”）；
\});
.button单击{//您可以为每一页添加您想要的颜色
背景：红色；

}

不要忘记参考jquery.js

尝试添加：

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

如果要为许多输入设置不同的颜色，请为

添加唯一的id或类。表单控件
尝试添加：

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

如果您想为许多输入设置不同的颜色，请为
添加唯一的id或类。表单控件
因此，对我有效的方法是找出如何覆盖引导。了解每个选择器的数值权重非常有用。这篇stackoverflow文章解决了我的问题：
因此，对我来说有效的是找出如何覆盖引导。了解每个选择器的数值权重非常有用。这篇stackoverflow帖子解决了我的问题：
你可以根据你所处的页面向body标签中添加一个类，然后根据该body类级联CSS。向样式表中添加一个新类，该类会覆盖你添加该类的元素上的框阴影？类似于
.form control.light shadow:focus{box shadow:…}
您可以根据所处的页面向body标记添加一个类，然后根据该body类级联CSS。向样式表添加一个新类，该类会覆盖您添加该类的元素上的box shadow？类似于
.formcontrol.light shadow:focus{box shadow:…}