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

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

Posted by Ervin Adams on July 10, 2022

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

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

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

Any question?
This field is required
Your question have been successfully submitted and will be reviewed before published
Please login to ask a question