css input remove Glowing Blue Input Highlights code example

Example 1: how to highlight input on focus with box shadow

.form-section-input {
     transition: box-shadow 300ms ease-out;
}

.form-section-input:focus {
   box-shadow: 0px 0px 5px var(--light-blue-bg-color);
}

Example 2: change border highlight color on an input text element

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}