更改文本框高亮颜色

Question

我想在bootstrap中更改文本框的突出显示颜色。可能吗？我使用bootstrap到我的登录表单。我是html和css的新手，也是bootstrap。请给我一个如何做的线索。

Answer 1

当我点击浏览器中的bootstrap输入时，右键单击，选择“Inspect Element ...”，在右侧我看到CSS的“Rules”或“Styles”。其中一个如下：

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

那里的颜色（十六进制＃66afe9和rgba（102,175,233，.6））是什么使它变成蓝色，所以你需要改变这些值（虽然我不太了解bootstrap来知道是否你可能正在预处理CSS，因此会改变一些变量值而不是普通的CSS。）