You can change the input field border color using the examples below:
This is the input field:
<input type="text" className="title" name="title"/>
Change only the border color:
.title{
border-color: #c40101;
}
Change color and depth:
.title{
border: 1px solid #c40101;
}
Change color on focus:
.title:focus{
outline-color: #c40101;
}
Change color and depth on focus:
.title:focus{
outline: none !important;
border: 1px solid #c40101;
}
Enjoy!!