Как задать свой стиль подсвечивания поля input при валидации?

Question

[YuliaMitina]

Изначально скрыла бордеры у поля, кроме нижнего. Затем установила у поля значение required. В css
input:required:invalid {
outline:0;
}
prntscr.com/djqh1b - как убрать красное выделение поля, а оставить только выделение нижнего.
И возможно ли это, не прибегая к js, только на css.

Заранее спасибо за ответы)

Answer 1

[Павел]

input:required:focus {border:0;outline:0;}?
Если бутстрап то там ещё box-shadow есть..

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}