Как удалить бордер элемента бутсрап который появляется после нажатия на нее

Question

Я пытался убрать бордеры в css как показано ниже

.btn:after{
  border: none !important;
}

Answer 1

Вообще, это у тебя input, а не button

.form-control:focus{
  border: none !important;
}

Answer 2

Пример

.form-control:focus {
    box-shadow: none!important;
    border-color: #000!important;
}

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<div class="p-3">
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>

БЛОГ НА HUSL

Как удалить бордер элемента бутсрап который появляется после нажатия на нее

Ответы (2 шт):