Задать вопрос
@Freerade
css

Как в кнопках 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>


Вот эта рамка при клике вокруг элемента не нужна, как ее убрать у элемента? Само заполнение цветом при этом должно остаться.
  • Вопрос задан
  • 149 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Ответ пользователя black1277 К ответам на вопрос (2)
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>
Ответ написан
Комментировать
Комментировать