Я пытаюсь удалить границы, input
когда он сфокусирован или активен, но это никак не работает. Я использую бутстрап и sass, но это никак не работает. Здесь я показываю, что хочу.
Я хочу убрать желто-красно-зеленую границу, которая появляется там, когда вы нажимаете , чтобы написать
<div class="row">
<div class="form-group mx-auto">
<input type="email" class="form-control-lg border-0" placeholder="Correo Electronico">
</div>
</div>
стили
.form-control-lg {
background: $main-color-l;
border-bottom: 2px solid $shadow-green !important;
color: white;
margin-top: 10px;
&:focus {
border: none;
}
&:active {
border: none;
}
}
Если у вас нет стилей начальной загрузки, после которых вы хотите применить пользовательский; а именно:
Порядок ваших кодов CSS должен быть таким:
Теперь с помощью CSS у вас будет такой ввод:
Позже с помощью CSS мы изменим его внешний вид следующим образом:
:focus
, чтобы определить, когда текстовое поле было нажато и доступно для записи.outline: none;
мы удаляем границу по умолчанию, которая размещается, когда мы помещаем курсор мышиborder: 1px solid red;
просто ставим другой цвет, который делает изменение заметнымполный пример