Change Textbox Highlight Color

I want to change the highlight color of the textbox in bootstrap. Is it possible? Im using bootstrap to my login form. Im new to html and css and also to bootstrap. Please give me

Solution 1:

When I click on an bootstrap input in the browser, right click, choose "Inspect Element ...", on the right I see "Rules" or "Styles" for the CSS. One of them is as follows:

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 01px1pxrgba(0,0,0,.075),008pxrgba(102,175,233,.6);
  box-shadow: inset 01px1pxrgba(0,0,0,.075),008pxrgba(102,175,233,.6);
}

The colors (both the hex #66afe9 and the rgba(102,175,233,.6)) in there are what make it blue, so you would need to change those values (though I don't know enough about bootstrap to know if you're probably preprocessing the CSS and would therefore change some variable value somewhere instead of plain CSS).