Кнопка-флажок MDBootstrap - PullRequest
Новая
       20

Кнопка-флажок MDBootstrap

0 голосов
/ 13 ноября 2018

Я следовал документации, предоставленной MD, но я получил этот раздражающий флажок, который появился на моих кнопках, и я понятия не имею, почему, поскольку я точно следовал тому, что они написали.

button

Я пытался редактировать свой код, но я не знаю, как избавиться от этого флажка, который находится рядом с каждым из моих изображений.Для контекста у меня в настоящее время есть 2 div (строки) внутри моего контейнера, один берет 92% высоты, другой берет 8%, заданный в css.

CSS: 

.buttons {
    height: 8%;
}

HTML: 

<div class="row buttons>

      <!-- Bottom 5 Buttons -->
      <div class="btn-group" role="group" data-toggle="buttons">

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option2" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label active">
          <input class="form-check-input" name="options" type="radio" id="option3" autocomplete="off" checked>
          <i class="fa fa-home"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option4" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option5" autocomplete="off">
          <i class="fa fa-cog"></i>
        </label>

      </div>
</div>
...