как убрать ngb-пагинацию с активным фокусом / размытием

Question

У меня проблемы с выяснением, как убрать фокус / размытие активного числа, на которое нажали. Когда я щелкаю за пределами страницы, она исчезает, но я не хочу, чтобы она вообще появлялась при нажатии кнопки. Я не могу найти правильный стиль CSS, чтобы избавиться от размытия границы / фокуса. Я использую ngb-нумерацию страниц. Я ценю любую помощь!

Answer 1

Переопределить ссылку на страницу: класс фокуса, как показано ниже

.page-link:focus {
    box-shadow: none !important;
    border-color: transparent !important;
}

Answer 2

У меня получилось, что он работает со следующим кодом: теперь он не отображает контур.

/deep/ .pagination .page-item .page-link {
  border-radius: 0 !important;
  color:black;
}

/deep/ .pagination .page-link {
  border-top-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;

}

Answer 3

Попробуйте добавить это в ваш глобальный файл стилей:

ngb-pagination::ng-deep .page-link:focus {
  box-shadow: none;
}