how to change border color on input field in React and css

Posted by Ervin Adams on July 10, 2022

Posted by Ervin Adams on July 10, 2022

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!!