By default, all the textual <input> elements, <textarea>, and <select> elements with the class .form-control highlighted in blue glow upon receiving the focus in Bootstrap.
However, you can modify this default focus glow or shadow styles by simply setting the CSS border-color and box-shadow property. Let's try out an example to see how it actually works:
Use the CSS
box-shadow
PropertyBy default, all the textual
<input>
elements,<textarea>
, and<select>
elements with the class.form-control
highlighted in blue glow upon receiving the focus in Bootstrap.However, you can modify this default focus glow or shadow styles by simply setting the CSS
need an explanation for this answer? contact us directly to get an explanation for this answerborder-color
andbox-shadow
property. Let's try out an example to see how it actually works: