@Freerade

Как в кнопках bootstrap убрать/уменьшить рамку при нажатии?

62839ddac07a5436894603.jpeg

<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
    <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>
    <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>

    <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
    <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>

    <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">
    <label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
</div>


Вот эта рамка при клике вокруг элемента не нужна, как ее убрать у элемента? Само заполнение цветом при этом должно остаться.
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
https://github.com/twbs/bootstrap/blob/main/scss/_...

А если уберёте, то как вы будете отличать отличать состояние "в фокусе"? Это затруднит навигацию по странице с помощью клавиатуры.
Ответ написан
black1277
@black1277
Вольный стрелок
измените свойство
outline: none;
Если bootstrap 5-й версии - можно добавить кнопкам класс shadow-none
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
  <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>
  <label class="btn btn-outline-primary shadow-none" for="btnradio1">Radio 1</label>

  <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
  <label class="btn btn-outline-primary shadow-none" for="btnradio2">Radio 2</label>

  <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">
  <label class="btn btn-outline-primary shadow-none" for="btnradio3">Radio 3</label>
</div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы