Add this line in your CSS file to disable box shadow or inset shadow Boostrap forms
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: none; border: 1px solid #545454; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #c0c0c0; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .form-control:focus { border: 1px solid #545454; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
Happy Coding