0
<button type="button" class="close" data-dismiss="modal">&times;</button>

Есть такая кнопка с крестиком, при нажатии на неё она обводится в черную рамочку, и так с каждой кнопкой. Как можно это убрать?

Кнопка

1
  • @Eric7777777 я использовал bootstrap 4 версии
    – Lumo
    Commented 4 окт. 2020 в 18:32

1 ответ 1

1

Свойство outline задает внешнюю границу вокруг элементов.

Можно сделать через html для конкретного элемента

<button type="button" class="close" style="outline: 0 !important;"> data-dismiss="modal">&times;</button>

Само же свойство находится в стилях - обычно это styles.css

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

Вы можете убрать весь блок button:focus или же дописать отдельный для button.close

button.close:focus {
  outline: 0 !important;
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.